0
点赞
收藏
分享

微信扫一扫

uni.app中阻止事件冒泡的应用场景

王远洋 2022-04-19 阅读 58

请添加图片描述
需求是:点击这个卡片跳转到二级页面,点击工人数,跳转到另一个二级页面。这两个二级页面是不一样的
就相当于点击父元素和子元素,跳转的二级页面是不同的;
https://uniapp.dcloud.io/tutorial/vue-basics.html#eventhandler
这里有详细的介绍
但是我发现,在uni-app里面。我直接给<u-card>这个组件设置是不可以的。但是可以嵌套一个<view>标签中设置

<view @click.stop="looks">
			<uni-card>
				<view class="info">
					<u-row>
						<u-col span="6">项目名称:</u-col>
						<u-col span="6">进场时间:</u-col>
						<u-col span="6">退场时间:</u-col>
						<u-col span="6"><view @click.stop="lok" style="color: #2196f3;">工人数:</view></u-col>
						<u-col span="6">预计工钱总额:</u-col>
						<u-col span="6">已发工资总额:</u-col>
					</u-row>
				</view>
			</uni-card>
		</view>
举报

相关推荐

0 条评论