做网站用什么空间,注册企业邮箱哪家最好,企业名称,广州优化网站关键词Vue中click.stop与click.prevent
一、click.stop 问题#xff1a;父元素中添加了一个click事件#xff0c;其下面的子元素中也添加了click事件#xff0c;此时#xff0c;我想点击子元素获取子元素的点击事件#xff0c;但却触发的是父元素的事件#xff1a;
view …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
