vue.js - 如何获取 axios 请求的 id？

Question

我有一个返回产品的 getVueItems 方法：

getVueItems: function(page){
   axios.get('./api/home/product').then(response => {
     this.items = response.data;
   });
},



<div v-for="item in items" :key="item.id">
 .
 .
 .
 <a @click="AddCart()"></a>
</div>

如您所见，我有另一个名为 AddCart 的方法，此方法是独立的，并且必须运行唯一的 url 才能将项目添加到购物车：

AddCart() {
    axios.get( `./add-to-card/1`)
    .then((response) => {
        this.$store.dispatch('CartDetail')
    });
},

在 AddCart() axios url 我需要获取产品的 id，我该怎么做？

标签： vue.jsaxios

Answer 1

您可以在标签/块item的范围内访问。v-for只是做<a @click="AddCart(item.id)"></a>，并接受与AddCart(id) {}