vue阻止事件冒泡 问题 ​ 起因:1个大的view中包裹了一个view 当包裹的view 实现点击效果外层的view的点击事件也会出现 当点击中间的view 会一起调用外层view的点击时间 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click="intest()">12312</view> </view> 解决办法 只需要在包裹的view改进一下点击事件 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click.stop="intest()">12312</view> </view>成功啦~这样就屏蔽了外层的view 事件

vue阻止事件冒泡 问题 ​ 起因:1个大的view中包裹了一个view 当包裹的view 实现点击效果外层的view的点击事件也会出现 当点击中间的view 会一起调用外层view的点击时间 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click="intest()">12312</view> </view> 解决办法 只需要在包裹的view改进一下点击事件 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click.stop="intest()">12312</view> </view>成功啦~这样就屏蔽了外层的view 事件

vue阻止事件冒泡 问题 ​ 起因:1个大的view中包裹了一个view 当包裹的view 实现点击效果外层的view的点击事件也会出现 当点击中间的view 会一起调用外层view的点击时间 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click="intest()">12312</view> </view> 解决办法 只需要在包裹的view改进一下点击事件 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click.stop="intest()">12312</view> </view>成功啦~这样就屏蔽了外层的view 事件

vue阻止事件冒泡 问题 ​ 起因:1个大的view中包裹了一个view 当包裹的view 实现点击效果外层的view的点击事件也会出现 当点击中间的view 会一起调用外层view的点击时间 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click="intest()">12312</view> </view> 解决办法 只需要在包裹的view改进一下点击事件 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click.stop="intest()">12312</view> </view>成功啦~这样就屏蔽了外层的view 事件

vue阻止事件冒泡 问题 ​ 起因:1个大的view中包裹了一个view 当包裹的view 实现点击效果外层的view的点击事件也会出现 当点击中间的view 会一起调用外层view的点击时间 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click="intest()">12312</view> </view> 解决办法 只需要在包裹的view改进一下点击事件 <view style="width: 80%;height:200rpx;background:palevioletred" @click="test()"> <view style="width: 40%;height:100rpx;background:indianred;margin: 0rpx auto;" @click.stop="intest()">12312</view> </view>成功啦~这样就屏蔽了外层的view 事件