Vue.js 在Nuxt vuetify中单击单个按钮时加载每个按钮

当我点击查看按钮时，每个按钮都会旋转。下面是我用来查看有效负载的代码。虽然我在点击按钮后得到了正确的数据，但我想知道为什么我只点击了一个视图，但每个按钮都被加载

以下是截图

{{props.item.reason}
{{props.item.requestedBy.adminName}
{{新日期（props.item.createdAt.toLocaleString（“en”）}
看法

这是因为所有元素的数据都相同

:loading="downloadingPayload"

我猜你的方法中有类似的东西

getPayload (item) { this.downloadingPayload = true  }

需要为每个项目提供一个

下载有效负载

，并执行以下操作

getPayload (item) {
   item.downloadingPayload = true
}

在模板中

:loading="props.item.downloadingPayload"

---

你能发布getPayload函数吗？@4061 Yogeshwaran，这里是getPayload（id）{this.payload=null；this.downloadingPayload=true；this.$axios.$get（

/task？\u id=${id}

，{headers:{Authorization:this.token}}）。然后（response=>{console.log（“[Tasks View]Got payload”），response.data）；const{data}=response；this.payload=data.docs[0].有效载荷；this.dialog=true；this.downloadingPayload=false；}）.catch（错误=>{this.downloadingPayload=false；}）；}

:loading="props.item.downloadingPayload"