uni-app外层view包裹内层view防止冒泡事件

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台,在跨端的同时,通过条件编译+平台特有API调用,可以优雅的为某平台写个性化代码,调用专有能力而不影响其他平台,支持NPM、支持小程序组件和SDK、兼容mpvue组件和项目、兼容weex组件。

uni-app外层view包裹内层view防止冒泡事件-度崩网-几度崩溃

为啥我开头要写一段uni-app的介绍呢!可能是因为抽字数吧,哎。

我们先写2个view层。一个正方形,一个圆形,正方形包裹圆形,在给它写上tap事件

<view class="content">		
	<view class="zz" @tap="dd">			
		<view class="yy" @tap="yy"></view>
	</view>
</view>

点击的时候显示是正方形还是圆形

methods: {
	dd () {
		console.log('我是正方形')
	},
	yy () {
		console.log('我是圆形')
	}
}

我们点击正方形时候是正常的 ,但点击圆形的时候 就会触发2个事件

uni-app外层view包裹内层view防止冒泡事件-度崩网-几度崩溃

 

uni-app外层view包裹内层view防止冒泡事件,只需要在tap后面添加stop即刻可

<view class="content">		
	<view class="zz" @tap.stop="dd">			
		<view class="yy" @tap.stop="yy"></view>
	</view>
</view>

本文转自枫瑞博客

给TA打赏
共{{data.count}}人
人已打赏
Uniapp

uni-app最简单的手写上拉加载不用插件

2019-11-27 17:45:17

Uniapp

新手uni-app引入css3动画库Animate.css

2019-11-27 17:47:22

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索