欢迎光临
感受代码之美

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)
未经允许禁止转载:四个空格 » Vue获取点击事件的Dom元素对象

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址