vue事件中event参数和自定义参数

最新推荐文章于 2023-07-20 08:46:54 发布

流氓也是种气质 _Cookie

最新推荐文章于 2023-07-20 08:46:54 发布

阅读量911

点赞数 1

分类专栏： # Vue基础文章标签： vue

本文链接：https://blog.csdn.net/qq_37550440/article/details/112281462

版权

Vue基础专栏收录该内容

46 篇文章 0 订阅

订阅专栏

本文探讨了Vue中如何使用`@click`事件监听器进行DOM交互，通过`event`对象获取事件信息，如`event.target`和`event.currentTarget`。示例展示了在按钮点击时如何增加或减少计数器值，并理解原生事件的使用。

摘要由CSDN通过智能技术生成

event参数和自定义参数

1）event是原生的

<p>{{count}}</p>
<button @click="add">+1</button>
<button @click="reduce(1,$event)">-1</button>

methods: {
    add(event) {
      console.log(event.__proto__.constructor); // event是原生的
      console.log(event.target); // 事件挂载在哪个位置
      console.log(event.currentTarget); // 事件在哪个位置触发的
      this.count ++
    },
    reduce(val,event) {
      console.log(event.target); // 事件挂载在哪个位置
      console.log(event.currentTarget); // 事件在哪个位置触发的
      this.count = this.count - val
    }
  },