微信开发者工具使用vant-weapp里的van-tree-select 实现三级分类选择

步骤如下：

1. 下载vant-weapp组件库。在微信开发者工具中，选择“工具”->“构建npm”，然后选择“vant-weapp”组件库进行下载。

2. 在需要使用van-tree-select组件的页面的.json文件中引入van-tree-select组件。

{
  "usingComponents": {
    "van-tree-select": "/miniprogram_npm/vant-weapp/dist/tree-select/index"
  }
}

3. 在需要使用van-tree-select组件的页面的.wxml文件中添加van-tree-select组件。

<van-tree-select
  value="{{ value }}"
  items="{{ items }}"
  main-active-index="{{ mainActiveIndex }}"
  bind:change="onChange"
/>

其中，value表示已选择的分类；items表示分类数据；mainActiveIndex表示一级分类的下标；onChange为选择分类后触发的事件。

4. 在需要使用van-tree-select组件的页面的.js文件中定义分类数据，并实现onChange事件处理函数。

Page({
  data: {
    value: [],
    mainActiveIndex: 0,
    items: [
      {
        text: '分类1',
        children: [
          {
            text: '子分类1',
            children: [
              { text: '子子分类1' },
              { text: '子子分类2' }
            ]
          },
          { text: '子分类2' }
        ]
      },
      {
        text: '分类2',
        children: [
          {
            text: '子分类3',
            children: [
              { text: '子子分类3' },
              { text: '子子分类4' }
            ]
          },
          { text: '子分类4' }
        ]
      }
    ]
  },

  // 选择分类后触发的事件
  onChange(event) {
    const { value } = event.detail;
    this.setData({ value });
  }
});

在上述代码中，items表示分类数据，其中每个分类包含text属性和children属性，text表示分类名称，children表示子分类或子子分类。onChange事件处理函数中，获取选择的分类并更新页面显示