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

当点击页面元素时,如何获取该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
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容