微信小程序自定义tabBar，前端开发技能

首页

分类

留言

我的

/components/index-tabbar/index.js

Component({

properties: {

active: {

type: String,

value: ‘index’

},

},

methods: {

onChange(event) {

wx.redirectTo({

url: /pages/${event.detail}/index,

})

}

}

})

2. 模拟的tabbar页面写法如下：

/pages/home/index.json

{

“usingComponents”: {

“index-tabbar”: “/components/index-tabbar/index”

}

}

/pages/home/index.wxml

首页

• 跳转页面使用wx.redirectTo

总结

---

由于wx.redirectTo跳转页面是跳转的普通页面，页面渲染也自然会导致自定义的tabbar组件重新渲染，所以会出现底部tabbar闪一下的视