我使用Vue中的@click属性将事件绑定到元素(它的行为与javascript .onclick属性相同)。
我遇到的问题是,当通过从子DOM节点传播事件来调用事件时,单击events,我可以获得作为target属性的子DOM元素,并且我无法找到一种干净的方法(不搜索父元素,因为元素可能嵌套在事件回调中)来访问事件在事件回调中注册到的DOM元素。
<td @click="onCellClick($event)">
<div class="text">
<span>default</span>
</div>
</td>
发布于 2017-08-29 10:42:40
我想混乱的是事件的target和currentTarget
event.target是触发事件调度程序触发的东西,而event.currentTarget是您分配给侦听器的东西。
Vue.component('cell', {
template: '#cell',
methods: {
onCellClick: function (e) {
console.log(e.currentTarget)
}
}
});发布于 2017-08-29 10:28:23
您可以使用参考文献
<td @click="onCellClick($event)" ref="cell1">
<div class="text">
<span>default</span>
</div>
</td>
onCellClick(evt){
console.log(this.$refs.cell1)
}https://stackoverflow.com/questions/45936485
复制相似问题