关于vue methods 的 this
巴扎黑
巴扎黑 2016-11-08 16:00:35
[PHP讨论组]

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


巴扎黑
巴扎黑

全部回复(1)
面对疾风吧

event.currentTarget.dataset.a

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号