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

刚学vue ,好多不习惯啊 @____@

按钮1document.getElementById('d1').onclick = function () {
    alert(this.dataset.a);    return false;
}

平时原生js,click事件this指向的是a标签,

但用vue后


    按钮1
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中文网订阅号
每天精选资源文章推送

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