主页 / 问题 / 1097472
Accepted
JoelKamp
Asked:2020-03-21 03:21:45 +0000 UTC2020-03-21 03:21:45 +0000 UTC

如何将内容加载到属于循环元素的块中？

  • 772

我显示一个用户列表，并通过按钮从服务器加载属于他们的订单：

<template>
    <div class="userslist mt-5" v-for="(user,n) of users" v-bind:index="n">
        <a href="#">{{user.name}}</a>
        <button @click="getOrders(user.id)" class="btn btn-primary">Orders</button>
        <div class="userlist__orders" v-for="(order,n) of sortOrders">
            <p>{{order.status}}</p>
        </div>
    </div>
</template>

问题在于，数据来自服务器后，它会用该类填充所有用户的所有块，userlist__orders而不是只为特定用户显示一个块中的内容。如何告诉 Vue 在哪个块中显示信息？

vue.js

1 个回答

  1. Best Answer
    <button @click="getOrders(user)">Orders</button>
<div v-for="order in user.orders">

async getOrders(user) {
  this.$set(user, 'orders', await fetch ...);
}
    • 0

相关问题