在动态创建的元素上使用v-for将@click事件限制到调用它的元素

<template>
  <div>
    <div v-for="(item, index) in elements" :key="index">
      <div @click.stop="handleClick(index)">{{ item }}</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      elements: ['Element 1', 'Element 2', 'Element 3']
    };
  },
  methods: {
    handleClick(index) {
      console.log('Clicked element:', index);
      // 执行相应的操作
    }
  }
};
</script>