v-for如何获取当前点击的数据

在Vue中，可以通过事件处理函数的参数来获取当前点击的数据。

假设有一个使用v-for指令渲染的列表，你可以为每个列表项绑定一个点击事件。在事件处理函数中，可以通过传递的参数获取当前点击的数据。

以下是一个示例：

<template>
  <div>
    <ul>
      <li v-for="item in list" :key="item.id" @click="handleClick(item)">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' }
      ]
    };
  },
  methods: {
    handleClick(item) {
      console.log('当前点击的数据:', item);
    }
  }
};
</script>

在上述示例中，通过v-for指令渲染了一个列表，并为每个列表项绑定了一个点击事件。在事件处理函数handleClick中，通过参数item获取当前点击的数据。

希望对你有所帮助！如果还有其他问题，请继续提问。