Как получить идентификатор для запроса axios?

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')
    });
},

в URL-адресе AddCart () Мне нужно получить идентификатор продукта, как я могу это сделать?

Answer 1

У вас есть доступ к item в области действия вашего v-for тега / блока.Просто сделайте <a @click="AddCart(item.id)"></a> и получите аргумент с AddCart(id) {}