请问vue自定义父子组件之间怎么判断点击事件是点击了谁?

linjuming_phone 2022-11-17 09:04:30
<Parent>
    <div>1111111</div>
    <Child></child>
</parent>

我想做点击监控,在父组件中点击有可能会点中子组件,如果点中了子组件,则 conlse.log(子组件), 点击了父组件又不是点中击子组件,则console.log(父组件)

怎么做到?

...全文
101 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
lsswear 2023-02-01
  • 打赏
  • 举报
回复

click.stop

Ta曰丿、她活 2022-12-14
  • 打赏
  • 举报
回复

首先事件肯定会冒泡的,所以你需要用 vue修饰符来解决

YiYanXiYin 2022-11-24
  • 打赏
  • 举报
回复 1

你要知道 事件冒泡 的概念, 点子组件, 会触发子组件和父组件的点击事件, 先触发子组件的点击事件, 然后向父组件冒泡触发父组件的点击事件, 子组件点击事件里面可以阻止事件冒泡

1,937

社区成员

发帖
与我相关
我的任务
社区描述
Vue是一套用于构建用户界面的渐进式JavaScript框架。我们更加关注于spa单页面应用、uni-app、vue3、微前端、基于vue的低码平台。
前端 技术论坛(原bbs)
社区管理员
  • community_283
  • 槿畔
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

亲爱的CSDN小伙伴你们好,我是一个全新的社区,成立之初请CSDN的小伙伴们帮忙推广一下我们VUE社区,欢迎大家来这里讨论VUE相关问题哦~

另外对社区做出重大贡献者,可以联系版主授予称号~

试试用AI创作助手写篇文章吧