微信小程序页面滑到到底部，继续上拉跳转到其他界面

微信小程序页面滑到到底部，继续上拉跳转到其他界面：

以下方法不可行：

1.实现这功能不能用onReachBottom，onReachBottom只有页面滑到到底部才触发，继续上拉无法再触发onReachBottom；

2.如果界面上包含其他手孙内容，底部是列表，界面绑定页面下拉刷新方法，这种情况也不能使用scroll-view的上拉加载更多方法，会导致页面下拉和列表srcoll-view下拉2个事件冲突，触发不灵敏

解决办法：

首页上监听 touchmove，然后首页加仿薯姿载完的时候查询一下整个页面的高度。touchmove的时候判断已经是到底了，就跳转A页面呗。不过需备绝要注意会触发多次，注意过滤

tips：

1.小程序底部菜单标签个数不少于2个，最多不超过5个。

2.可以在 阿里巴巴矢量图标库 找到你需要的图标。

3.小程序建议图标大小为81*81px

我这边选择的是64尺寸的png图片高咐弊，每一个图标选择两种颜色，分别对应未选中状态和选中状态，具体按照你们设计项目进行

tips：

1.建立项目图片文件夹简樱：images

2.在pages中建立相戚族对应的菜单栏目文件夹

3.配置app.json： tabBar配置

1.app.json中，"window":{}和"tabBar":{}是同级

2. 全局配置

3. 设置tabbar地址:wx.setTabBarBadge(Object object)

测试发现 小程序组件（这里指底部导航组件）生命周期的attached 不支持 *** 作 也就是 当想修改底部导航的内容是不支持的

所以上述写法会出现惊奇的结果 哈哈 可以自行运行看看

先了解一下小程序组件的生命周期

[图片上传中...(image-9202b1-1629959126527-0)]

于是我使用了ready 测试发现 部液肢分安卓机 可以 *** 作数据 但是页面底部导航不会更新

看文档发现：

自小程序基础库版本 2.2.3 起，组件的的生命周期也可以在 lifetimes 字段内进行声明（这是推荐的方式，其优先级最高）。

于是， （这里是在小程序底部导航组件里写这个方法）

测试发现 还是没有更改过来

找戚裂资料看到

即高埋闭可

---