Javascript 如何获取在Vue模板中单击的组件的id(或任何其他属性)?
我有一个这样的设置。它是一个被单击的元素,并使用要识别的特定字符串调用一个方法。当然,我希望提供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
<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的惊吓,哈哈哈。