uniapp三级联动分类

Uniapp提供了Picker组件来实现三级联动分类。以下是一个简单的示例代码：

<template>
  <view>
    <picker :value="selected" mode="multiSelector" @change="onChange">
      <view class="picker">
        {{categories[selected[0]]}} > {{subCategories[selected[0]][selected[1]]}} > {{subSubCategories[selected[0]][selected[1]][selected[2]]}}
      </view>
    </picker>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        categories: ['分类1', '分类2', '分类3'],
        subCategories: [['子分类1-1', '子分类1-2'], ['子分类2-1', '子分类2-2'], ['子分类3-1', '子分类3-2']],
        subSubCategories: [[['子子分类1-1-1', '子子分类1-1-2'], ['子子分类1-2-1', '子子分类1-2-2']], [['子子分类2-1-1', '子子分类2-1-2'], ['子子分类2-2-1', '子子分类2-2-2']], [['子子分类3-1-1', '子子分类3-1-2'], ['子子分类3-2-1', '子子分类3-2-2']]],
        selected: [0, 0, 0]
      }
    },
    methods: {
      onChange(e) {
        this.selected = e.detail.value;
      }
    }
  }
</script>

<style>
  .picker {
    font-size: 18px;
    color: #007aff;
    text-align: center;
    padding: 30px 0;
  }
</style>

在组件中，我们使用了Picker组件，设置了mode为multiSelector。然后在data中定义了三个数组，分别表示三级分类，selected数组表示当前选中的分类。在模板中，我们显示了当前选中的分类，并在Picker组件上绑定了change事件，每次选中分类后，将会触发该事件，我们可以在事件处理函数中更新selected数组的值，以便更新显示的分类。