vue.js - 如何在 v-for 指令中获取 vuejs 中的键值？

Question

我在 vue 模板上有这个:

<div v-for="item in items" :key="item.id">
  <!-- content -->
</div>

我想获取 item.id 的值并通过 axios 发送。

我不知道如何将值从模板绑定(bind)到脚本部分。

Answer 1

您可以在 div 中放置一个带有点击处理程序的按钮:

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

并在methods部分定义处理程序:

<script>
export default {
data: ...
methods: {
    sendItem: function(itemId) {
        // Using axios here
    }
}
}
</script>