使用v-on:click，我想用Vue中div的id设置一个变量.JS-我如何引用这个？
<div id="foo" v-on:click="select">...</div>
<script>
new Vue({
el: '#app',
data: {
},
methods: {
select: function(){
divID = this.id // ??
alert(divID)
}
}
})
</script>
可以使用事件对象$event扩展事件处理程序.这应该符合你的需要:
<div id="foo" v-on:click="select($event)">...</div>
事件以javascript传递:
export default {
methods: {
select: function(event) {
targetId = event.currentTarget.id;
console.log(targetId); // returns 'foo'
}
}
}
然而，没有人会阻止你写简短的符号:
<div id="foo" @click="select">...</div>
<div id="foo" @click="select(bar, $event)">...</div>
要查找v-on指令的更多选项，可以查看vue文档中的相应条目:
100