uniapp切换菜单栏时禁止触发onshow
时间: 2023-07-18 17:15:44 浏览: 144
uniapp中设置横屏竖屏
如果你想在 uni-app 切换菜单栏时禁止触发 onShow 函数,可以使用 uni-app 提供的生命周期钩子函数 onPageScroll。在 onPageScroll 函数中监听页面滚动事件,当滚动距离大于0时,说明页面正在滚动,此时不执行任何操作;当滚动距离为0时,说明页面停止滚动,可以执行需要的操作。
具体实现方式如下:
```html
<template>
<view>
<!-- 页面内容 -->
</view>
</template>
<script>
export default {
onPageScroll(e) {
// 如果页面正在滚动,不执行任何操作
if (e.scrollTop > 0) {
return;
}
// 页面停止滚动,执行需要的操作
// TODO
}
};
</script>
```
在这个例子中,我们在页面中定义了一个 onPageScroll 函数,在函数中监听页面滚动事件,并根据滚动距离来判断页面是否正在滚动。如果页面正在滚动,函数直接返回,不执行任何操作;如果页面停止滚动,函数执行需要的操作。
阅读全文