概述
-
mixins的使用
-
@click.stop 点击子标签不需要触发父标签的事件
<div @click="tempClick"> <div @click.stop="subTempClick"></div> </div>
-
盖上遮罩之后不需要下面内容支持滚动
- @mousewheel.prevent 表示添加了这个修饰符的标签以下的标签内容无法接受滚动事件
<div class="mask"></div> <div class="content" @mousewheel.prevent> <div class="sub"></div> </div> -
同时还可以使用 js 来完成
handlePrimaryClick () { this.isShowMask = true let el = document.getElementsByTagName('body')[0] el.style.overflow = (this.isShowMask ? "hidden" : "scroll") }给 body 的 overflow 设置 “hidden” || “scroll” 。
最后
以上就是鲤鱼菠萝为你收集整理的Vue @click.stop 与 @mousewheel.prevent的全部内容，希望文章能够帮你解决Vue @click.stop 与 @mousewheel.prevent所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复