欢迎光临
我们一直在努力

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
赞(0) 打赏
未经允许不得转载:Ddmit » Vue获取点击事件的Dom元素对象

评论 抢沙发

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

登录

找回密码

注册