关于vue methods 的 this
巴扎黑
巴扎黑 2016-11-08 16:00:35
0
1
1012

刚学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的思维我有点扭不过来啊!!! (ノд・。)


巴扎黑
巴扎黑

reply all(1)
phpcn_u29

event.currentTarget.dataset.a

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template