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

需求是：点击这个卡片跳转到二级页面，点击工人数，跳转到另一个二级页面。这两个二级页面是不一样的
就相当于点击父元素和子元素，跳转的二级页面是不同的；
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>