Question

我正在尝试从此Laravel对象将user_name绑定到Vue：

{ "order": [ { "id": 87, "user_id": "2", "user_name": "Mohamed Hassan", "table": 20, "total": 224, "status": 1, "delivered": 0, "paied": 0, "created_at": "2019-09-14 15:04:40", "updated_at": "2019-09-14 15:04:40" } ] }

此对象来自：

 {{order.data}}

我也尝试过这个：

 {{order.data['order']['user_name']}}

但它返回null

这是我的Vue模板

<li v-for="order in orders">
    <div class="col-md-3 col-sm-3 col-xs-3"><div class="notify-img">{{order.data}}</div></div>
    <div class="col-md-9 col-sm-9 col-xs-9 pd-l0">
        <a href="">Date: </a>
        <a href="">{{order.created_at}}</a>
        <a href="" class="rIcon"><i class="fa fa-dot-circle-o"></i></a>
        <p>Lorem ipsum sit dolor amet consilium.</p>
        <p class="time">1 Saat önce</p>
        <hr>
    </div>
</li>

Answer 1

如果我看到的正确，那么该顺序实际上是一个包含单个对象的数组。

您可以尝试：

{{ order.data['order'][0]['user_name'] }}

Laravel在Vue模板上绑定数据

1 个答案: