成都营销网站制作,5在线做网站,视频加字幕软件app,好的设计公司网站Vue中click.stop与click.prevent 一、click.stop 问题#xff1a;父元素中添加了一个click事件#xff0c;其下面的子元素中也添加了click事件#xff0c;此时#xff0c;我想点击子元素获取子元素的点击事件#xff0c;但却触发的是父元素的事件#xff1a; view cl…
Vue中click.stop与click.prevent 一、click.stop 问题父元素中添加了一个click事件其下面的子元素中也添加了click事件此时我想点击子元素获取子元素的点击事件但却触发的是父元素的事件 view classfooter-box clickclickCardview clickfooterClick(喜欢)text classfooter-box__item喜欢/text/viewview clickfooterClick(评论)text classfooter-box__item评论/text/viewview clickfooterClick(分享)text classfooter-box__item分享/text/view
/view此时我们就需要使用click.stop阻止事件冒泡方法来解决这个问题 view classfooter-box clickclickCardview click.stopfooterClick(喜欢)text classfooter-box__item喜欢/text/viewview click.stopfooterClick(评论)text classfooter-box__item评论/text/viewview click.stopfooterClick(分享)text classfooter-box__item分享/text/view
/view二、click.prevent 还有一个与之相似的方法click.prevent阻止事件的默认行为例如在代码里写入一个a标签点击会跳转到目标链接网页中 view classexample-bodya hrefhttp://www.baidu.com百度/a
/view但如果我们不想让它跳转但还想使用a标签的话此时就需要使用click.prevent方法 view classexample-bodya hrefhttp://www.baidu.com click.preventnotLink百度/a
/view这时再点击a标签的时候就不会跳转目标地址链接了。 --------------------- 作者幸福了然后呢 来源CSDN 原文https://blog.csdn.net/weixin_42260975/article/details/114691422 版权声明本文为作者原创文章转载请附上博文链接 内容解析ByCSDN,CNBLOG博客文章一键转载插件