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

html5 • • 问答

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

<div
                 
                 
    @mouseover="aFunction(id)"              
>

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

但它不起作用。我该怎么做？

回答

在另一种方式中，您可以使您的id属性与该属性绑定data，如下所示：

<template>
  <div 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>

以上是如何使用Vue.js中的函数选择元素ID？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>