微信小程序中使用vant设置自定义tabbar

要在微信小程序中使用vant设置自定义tabbar，需要进行以下步骤：

1. 安装vant-ui库：在小程序根目录下执行命令`npm i vant-weapp -S`安装vant-ui库。

2. 引入vant组件：在app.json文件中，将需要用到的vant组件添加到"usingComponents"中，例如：

"usingComponents": {
  "van-tabbar": "/miniprogram_npm/vant-weapp/tabbar/index",
  "van-tabbar-item": "/miniprogram_npm/vant-weapp/tabbar-item/index"
}

3. 创建自定义tabbar组件：创建一个自定义tabbar组件，在其中使用vant的tabbar和tabbar-item组件来实现。

4. 在app.json中配置tabBar：将tabBar的"custom"属性设置为true，并将"custom"字段设置为自定义tabbar组件的路径，例如：

"tabBar": {
  "custom": true,
  "customKey": "tabBar"
}

注意：自定义tabbar组件的路径需要使用相对路径，以当前页面为基准。

5. 在自定义tabbar组件中监听tabbar切换事件：使用vant的tabbar组件时，可以监听"change"事件来实现tabbar切换时的逻辑。

以上就是使用vant在微信小程序中设置自定义tabbar的步骤，希望对你有帮助。