合肥网站建设pqiw,计算机专业都学什么,德州网站开发培训,进行网站建设有哪些重要意义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
