vue阻止事件冒泡

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 事件