微信小程序自定义底部导航栏，切换不同页面显示不同tabbar

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

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

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

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

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

看文档发现：

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

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

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

找资料看到

即可

1用于实现多页面的快速切换。

2tabbar导航栏只能配置最少 2 个、最多 5 个 tab 页签。

3步骤：

① 通过 appjson 文件的 pages 节点，新建 对应的 tab 页面

② tabBar 节点中，新增 list 数组，这个数组中存放的，是每个 tab 项的配置对象

③ 在 list 数组中，新增每一个 tab 项的配置对象。对象中包含的属性如下：

-pagePath 指定当前 tab 对应的页面路径必填

-text 指定当前 tab 上按钮的文字必填

-iconPath 指定当前 tab 未选中时候的路径可选

-selectedIconPath 指定当前 tab 被选中后高亮的路径可选

使用组件：<navigator url=" / ">1</navigator>

使用api:wxnavigateTo({url:" / "})

以上就是关于微信小程序自定义底部导航栏，切换不同页面显示不同tabbar全部的内容，包括:微信小程序自定义底部导航栏，切换不同页面显示不同tabbar、小程序自定义底部导航缓存、星宿小程序怎么设置顶部分类导航等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！