简单记录一下，写自定义tabBar时的过程与一些问题：

1 引入VantWeapp时，主要用的命令：

npm i @vant-weapp

使用这个命令，非常方便后期引入 vant-tabbar 和 vant-tabbar-item，不用担心路径问题。

例如 custom-tab-bar 文件夹下的 index.json 的引入可以这样写：

{
  "component": true,
  "usingComponents": {
    "van-tabbar": "@vant/weapp/tabbar/index",
    "van-tabbar-item": "@vant/weapp/tabbar-item/index"
  }
}

2 创建 custom-tab-bar 文件夹

注意该文件夹一定要和 pages 文件夹同一级，不然小程序找不到。

然后 index.js 和 index.wxml 和官网一样就不多赘述了。

3 创建需要实现的导航效果的页面文件夹

注意：这里创建文件的时候一定要注意名字。

文件一定要是 index 这种的，之前我创建文件名字写的是 me.js me.wxml 一直报错。

提示 this.gettabbar is not a function。

后来，我将 me 文件夹下的 me.js 的名字改成 index.js 就不会报错了。

Page({
  onShow() {
    this.getTabBar().init();
  }
})

如果对您有帮助的话，欢迎点赞留言，感谢您观看我的文章哦。