Vue获取点击事件的Dom元素对象

洼地云 tuoyidashi.png

当点击页面元素时,如何获取该Dom元素呢?

代码:

<div id="app">
    <div id="example-1">
        <button v-on:click="greet('abc', $event)" id="myBtn">Greet</button>
    </div>
</div>
<script type="text/javascript">
var vm = new Vue({
    el : "#app",
    data : {
        name : "vue"
    },
    methods:{
        greet : function (str, e) {
            alert(e.currentTarget.id);
            console.log(e);
        }
    }
});
</script>

即,使用$event这个特殊的属性来获取,而this关键字指的是当前的Vue实例。

References

  1. vue.js之获取当前点击对象
  2. Event
赞(0)
未经允许禁止转载:优米格 » Vue获取点击事件的Dom元素对象

评论 抢沙发

合作&反馈&投稿

商务合作、问题反馈、投稿,欢迎联系

广告合作侵权联系

登录

找回密码

注册