@tap.stop阻止事件继续传播

在uni-app开发当中,难免会遇到外层view嵌套内层view,又同时都含有点击事件,这样就会起冲突。为了防止事件的继续传播我们就会用到事件修饰符.stop ,先看代码





效果是这样的:

@tap.stop阻止事件继续传播_第1张图片

当我们点击外部时:

@tap.stop阻止事件继续传播_第2张图片
当我们点击内部时:

在这里插入图片描述
解决方法:只需在@tap后面加.stop就可以阻止事件继续传播


		
外面
内部

你可能感兴趣的:(uni-app,vue,javascript)