微信小程序实现自定义底部导航_javascript技巧

作者：Saber木木-汐7rv | 来源：互联网 | 2023-05-19 04:21

这篇文章主要为大家详细介绍了微信小程序实现自定义底部导航，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的

本文实例为大家分享了微信小程序实现底部导航的具体代码，供大家参考，具体内容如下

建一个tabbar.wxml组件

app.js中定义

 editTabBar: function () {
 //使用getCurrentPages可以获取当前加载中所有的页面对象的一个数组，数组最后一个就是当前页面。

 var curPageArr = getCurrentPages(); //获取加载的页面
 var curPage = curPageArr[curPageArr.length - 1]; //获取当前页面的对象
 var pagePath = curPage.route; //当前页面url
 if (pagePath.indexOf('/') != 0) {
 pagePath = '/' + pagePath;
 }

 var tabBar = this.globalData.tabBar;
 for (var i = 0; i

在需要用的导航的页面的wxml