我有这样的设置。这是一个被单击的元素,并使用要识别的特定字符串调用一个方法。当然,我希望提供 ID,这样我就不必维护多余的名称。
<li id="donkey" v-on:click="clickaroo('donkey');">Donkey</li>
...
methods: {
...
clickaroo: function(event) { console.log(event + " clicked"); }
}
当我去 googlearching 时,我看到了 here和 there使用的语法是v-on="click: clickaroo",而不是如图所示in the docs ,即v-on:click="clickaroo"。前者似乎根本不起作用,更不用说为我获取正确的值了。
我还发现了big nothing现在我很困惑如何解决这个问题。这是 Vue 中像我一样提供参数的正确方法吗?
最佳答案
您可以访问当前事件中单击的元素。
代码看起来像这样
<a v-on:click="myFunction($event, 'param')">Click me</a>
// in your component
methods: {
myFunction: function(event, param) {
console.log(event.target);
}
}
关于javascript - 如何获取Vue模板中点击的组件的id(或任何其他属性)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40921104/