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

Question

我在vue模板上有这个：

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

我想得到item.id的值并通过axios发送。

我不知道如何从模板到脚本部分绑定de值。

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>