Vue.js 如何使用API调用响应对Vue列表组的特定列表项作出反应？

就像一旦批准了列表中的请求一样，我希望对该特定项目做出批准成功或失败的反应。 请参阅下图，在成功调用服务器API后，我希望在批准成功时使按钮变为绿色

---

如果您没有共享任何代码，很难提供帮助， 但您可以检查以下示例：

<template>

<!-- Your list -->
<ul>
   <li v-for="item in items">
       {{ item }}
       <button @click="approve(item)" :class="{'success': item.approved}">Approve</button>
       <button @click="cancel()">Cancel</button>
   </li>
</ul>
</template>
<script>

<!-- In your script -->
methods: {
  approve(item) {
     // Example using axios for api call
     axios.post('/api/do-something').then(response => {
        
        // Yaaay! success
        item.approved = true;

        // Now check this property to inject the success button class.
     }
  }
}

</script>

{{item}}
批准
取消


方法：{
批准（项目）{
//使用axios进行api调用的示例
post（'/api/do something'）。然后（响应=>{
//耶！成功
item.approved=正确；
//现在检查此属性以注入successbutton类。
}
}
}