在Vue中子组件click事件触发父组件mousedown事件

张小浪

于 2022-02-17 16:49:48 发布

阅读量1.9k

点赞数 1

分类专栏： vue3 学习笔记亲身经历

本文链接：https://blog.csdn.net/qq_40011214/article/details/122986628

版权

vue.js elementui javascript

学习笔记同时被 3 个专栏收录

60 篇文章 3 订阅

订阅专栏

亲身经历

16 篇文章 0 订阅

订阅专栏

13 篇文章 0 订阅

订阅专栏

父组件中使用了@mousedown

<div @mousedown="handleMouseDown($event)"
  我是父组件按钮
</div>

 handleMouseDown(e){
      // e.stopPropagation()
      // e.preventDefault
      console.log("父组件点击了")
    }

方法就是子组件中不要使用click,也使用mousedown ，然后使用e.preventDefault()与e.stopPropagation()

<div @mousedown="handleMouseDown($event)"
  我是子组件按钮
</div>

 handleMouseDown(e){
      e.stopPropagation()
      e.preventDefault()
      console.log("子组件点击了")
    }

挺简单的就是刚开始的时候没想到，在此记录下。