UNI 阻止冒泡

我不是女神ヾ 2023-06-08 06:38 12阅读 0赞

在uni内置模板里面的ColorUI里面有模板

找到一个modalNmae

<view class="cu-modal" :class="modalName=='DialogModal3'?'show':''" @tap="hideModal">
    			<view class="cu-dialog" @tap.stop="">
    				<view class="cu-bar bg-white justify-end">
    					<view class="content">信息</view>
    					<view class="action" @tap="hideModal">
    						<text class="cuIcon-close text-red"></text>
    					</view>
    				</view>
    				<view class="padding-xl">
    					<view class="view-xingxi">
    						<image class="border-radius50" src="../../static/10.jpg" mode=""></image>
    						<view class="">用户昵称</view>
    						<view class="">ID:54546666</view>
    						<view class="huoredu flex-cc">
    							<image src="../../static/hg.png" mode=""></image>
    							<text>15</text>
    						</view>
    						<view class="">
    							<text>粉丝  20</text>
    							<text>关注  220</text>
    						</view>
    					</view>
    				</view>
    				<view class="cu-bar bg-white">
    					<view class="action margin-0 flex-sub " @tap="hideModal">私聊</view>
    					<view class="action margin-0 flex-sub solid-left" @tap="hideModal">举报</view>
    					<view class="action margin-0 flex-sub  solid-left" @tap="hideModal">取消</view>
    				</view>
    			</view>
    		</view>

想要的效果 在外面点击时modal隐藏，内部点击不隐藏，所以可以用 @tap.stop="" 可以实现这种功能，阻止冒泡事件

原生js写法：

window.event? window.event.cancelBubble = true : e.stopPropagation();

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关 UNI 阻止冒泡

在uni内置模板里面的ColorUI里面有模板找到一个modalNmae <view class="cu-modal" :class="modalName=='D

我不是女神ヾ/ 2023年06月08日 06:38/ 0 赞/ 13 阅读

相关 uni-app阻止事件冒泡

<view class="imgItem" @tap="previewImg(index)"> <image :src="item" mode='aspect

Love The Way You Lie/ 2022年11月20日 08:02/ 0 赞/ 74 阅读

相关 html 传参阻止冒泡,angular阻止冒泡事件

当元素多层嵌套的时候，每层都有点击事件，它就会发生冒泡，一层一层的触发，但有时候我们只想触发某一层，不想让其他层的事件触发，这就需要阻止冒泡事件了。以angular项目为例

落日映苍穹つ/ 2022年10月10日 01:30/ 0 赞/ 208 阅读

相关 Js 冒泡事件阻止

出于对作者的尊重和感谢，原文地址为 http://www.cnblogs.com/jams742003/archive/2009/08/29/1556187.html

Bertha 。/ 2022年09月24日 00:29/ 0 赞/ 287 阅读

相关 AngularJs 阻止冒泡

<div class="hlyw-cf-list box-shadow" ng-repeat="cf in cfdata track by $index" ng-cli

阳光穿透心脏的1/2处/ 2022年06月05日 01:22/ 0 赞/ 186 阅读

相关阻止事件冒泡

事件的冒泡（Bubble） \- 所谓的冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发 \- 在开发中大部分情况冒泡都是有用的,如果

红太狼/ 2022年06月01日 07:18/ 0 赞/ 355 阅读

相关 js阻止默认行为和阻止冒泡

//阻止默认行为 // JavaScript document.getElementById('btn').addEventListener('clic

叁歲伎倆/ 2022年05月15日 01:05/ 0 赞/ 335 阅读

相关不用学习直接编写uni-app(uni-app 阻止冒泡事件)

<view id=”v1” @click="closeMenus('left')"> <view id=”v2” class="menulist" @click="a

布满荆棘的人生/ 2022年01月31日 15:11/ 0 赞/ 220 阅读

相关阻止冒泡

//点击时不冒泡 $("body").on('click','[data-stopPropagation]',function (e) { e.

末蓝、/ 2021年12月08日 20:49/ 0 赞/ 206 阅读

相关阻止冒泡

a标签上面有个href跳转。然后a标签里面的html有个跳转详情的click点击事情。一般得都是 e.stopPropagation(); 如果我们还想传别的参数怎么办呢

淡淡的烟草味﹌/ 2021年11月29日 20:00/ 0 赞/ 239 阅读