uni-app事件冒泡 如何解决事件冒泡 推荐tap事件

冒泡事件

    冒泡事件
        
        <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>
        就会阻止里面这个元素冒泡
    在手机上  推荐使用的事件是tap
    <view @tap="Hanldergo">按钮</view>
    
    uni-app统一支持的是数据双向绑定哈
    想要拿到data中的数据  可以直接去使用this.XXX就可以了

猜你喜欢

转载自www.cnblogs.com/IwishIcould/p/12184468.html