uni-app 处理冒泡事件

冒泡事件

    <view class="max-box" @tap="waimian">
        外面
        <view class="in-box" @tap="limain">里面</view>
    </view>
    
    waimian(){
        console.log("外面")
    },
        
    limain(){
        console.log("里面")
    }
    
    点击外面的时候，不会触发里面元素的事件
    但是点击里面元素的时候，就会触发外面元素的事件，这就是冒泡哈！！
    
    
    如何解决事件冒泡了
    添加一个stop
    <view class="in-box" @tap.stop="limain">里面</view>
    就会阻止里面这个元素冒泡