冒泡事件
冒泡事件
<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就可以了