Javascript 如何获取在Vue模板中单击的组件的id(或任何其他属性)?

Javascript 如何获取在Vue模板中单击的组件的id(或任何其他属性)?,javascript,action,vue.js,vuex,Javascript,Action,Vue.js,Vuex,我有一个这样的设置。它是一个被单击的元素,并使用要识别的特定字符串调用一个方法。当然,我希望提供ID,这样我就不必维护多余的名称 <li id="donkey" v-on:click="clickaroo('donkey');">Donkey</li> ... methods: { ... clickaroo: function(event) { console.log(event + " clicked"); } } 驴子 ... 方法:{ ... click

我有一个这样的设置。它是一个被单击的元素,并使用要识别的特定字符串调用一个方法。当然,我希望提供ID,这样我就不必维护多余的名称

<li id="donkey" v-on:click="clickaroo('donkey');">Donkey</li>
...
methods: {
  ...
  clickaroo: function(event) { console.log(event + " clicked"); }
}
驴子 ... 方法:{ ... clickaroo:function(event){console.log(event+“clicked”);} } 当我去谷歌搜索时,我看到使用的语法是v-on=“click:clickaroo”,而不是如图所示,即v-on:click=“clickaroo”。前者似乎根本不起作用,更不用说给我取正确的值了


我也发现了,现在我不知道如何解决这件事。在Vue中,像我一样提供参数是否正确?

您可以访问从当前事件单击的元素

代码应该是这样的

<a v-on:click="myFunction($event, 'param')">Click me</a>

// in your component
methods: {
    myFunction: function(event, param) {
        console.log(event.target);
    }
}
点击我
//在您的组件中
方法:{
myFunction:函数(事件,参数){
console.log(event.target);
}
}

您可以访问从当前事件单击的元素

代码应该是这样的

<a v-on:click="myFunction($event, 'param')">Click me</a>

// in your component
methods: {
    myFunction: function(event, param) {
        console.log(event.target);
    }
}
点击我
//在您的组件中
方法:{
myFunction:函数(事件,参数){
console.log(event.target);
}
}

不错。对我链接的不同语法有什么想法吗?它似乎不起作用,我很好奇这是错的还是Vue 1的惊吓。它看起来像是Vue 0.11的旧版本哦,所以它实际上是Vue 0的惊吓,哈哈哈。很好。对我链接的不同语法有什么想法吗?它似乎不起作用,我很好奇这是错的还是Vue 1的惊吓。它看起来像是Vue 0.11的旧版本哦,所以它实际上是Vue 0的惊吓,哈哈哈。