如何使用Vue.js中的函数选择元素Id？

我想使用元素的Id，我在其中使用函数作为参数。例如：

<div
    class="col-2 column-center"              
    id="myId"              
    @mouseover="aFunction(id)"              
>

methods: {    
    aFunction(id){
      alert(id);
    }
 }

---

但它不起作用。如何操作？

您可以将事件传递给方法，然后从event.target.id获取id

新Vue{ el:“应用程序”， 数据：{ 消息：“您好，Vue.js！” }, 方法：{ 功能事件{ alertevent.target.id； } } } 一些东西

---

通过另一种方式，可以使id属性与data属性绑定，如下所示：

<template>
  <div class="col-2 column-center" v-bind:id="id" @mouseover="aFunction(id)">
    test
  </div>
</template>

<script>
export default {
  name: 'Test',
  data() {
    return {
      id: 'myId',
    };
  },
  methods: {
    aFunction(id) {
      alert(id);
    },
  },
};
</script>