uniapp tabBar 双击刷新
时间: 2024-01-13 10:04:34 浏览: 83
uniapp小程序自定义动态tabbar
以下是uniapp中实现tabBar双击刷新的两种方法:
方法一:
```javascript
export default {
data() {
return {
tabClick: false // true 表示是两次点击中的第一次点了 tabBar
}
},
onTabItemTap(e) {
console.log(e)
if (this.tabClick) {
// 200ms 内再次点击
// 这里就是模拟的双击事件,可以写类似数据刷新相关处理
}
this.tabClick = true
setTimeout(() => {
this.tabClick = false // 200ms 内没有第二次点击,就当作单击
}, 200)
},
onLoad(option) {
}
}
```
方法二:
```javascript
export default {
onTabItemTap(e) {
console.log(e)
},
onLoad(option) {
}
}
```
阅读全文