uniapp阻止冒泡的方法，点击事件嵌套点击事件，怎么阻止同时触发

uniapp阻止冒泡的方法
当我们遇到点击事件嵌套点击事件的时候，点击里边的事件，外边的也会跟着触发该怎么办？

	起初我尝试用了css里的修改z-index属性的方法，把里边的<view>标签放在上边，结果两个事件还是同时触发。(无效)
	这种情况应该就意识到这是冒泡事件啊，那是不是该联想到阻止冒泡了呢。
实例:
	<view class="fparent"  @click="showdeatil" >
			<view class="children" @click.stop="addCart(food)">	
			</view>
	</view>

大佬