刚学vue ,好多不习惯啊 @____@
<a data-a="你没有权限点击" id="d1"><span>按钮</span><b>1</b></a>
document.getElementById('d1').onclick = function () {
alert(this.dataset.a);
return false;
}
平时原生js,click事件this指向的是a标签,
但用vue后
<div id="example">
<a data-a="你没有权限点击" @click.prevent="link($event)"><span>按钮</span><b>1</b></a>
</div>
new Vue({
el: '#example',
data: data,
methods: {
link: function (event) {
alert(this.dataset.a)
}
}
})
vue事件的this是指向vue实例,这时如果我想获取a表情的data-a怎么获取,尝试过用event.target
,但event.target只能获取到a标签里面的span或b,还要向上获取父级这种方法感觉不太现实=。=
求较,vue的思维我有点扭不过来啊!!! (ノд・。)
event.currentTarget.dataset.a