微信小程序---自定义tabbar
官方文档 1.配置信息 首先要先在app.json中的 “tabbar”中加入一项“custom”:ture,然后再新建一个custom-tab-bar文件夹,再在里面建立index的四个文件。
③实现tabBar之间的页面切换效果 使用vant后的tabBar页面需要重新设置页面切换效果, 使用onChange方法中获取event事件中的detail项,就是页面第一个就是0.第二个就是1,以此类推,再通过wx.switchTab()函数,将url目标动态的设置为 this.data.list[event.detail].pagePath,随着点击事件onChange的变化,event.detail也会变化,则页面也就会变化。
④索引的优化,将索引active放到store中 @@@@注意@@@@@,上图中的action应该是actions,不然会发生错误 之后将onChange方法的updateActive方法用上,从来动态同步store中activeTabBarIndex的值