uniapp多列联级

以下是一个uniapp多列联级选择器的示例：

1.首先，确保数据已经处理成二维数组的形式，例如：

const multiArray = [['河南省', '山东省'], ['许昌市','郑州市','洛阳市']];

2.然后，在`<template>`中使用`<picker-view>`组件来实现多列选择器：

<template>
  <view>
    <picker-view @change="bindMultiPickerChange" :value="multiIndex" :indicator-style="indicatorStyle">
      <picker-view-column v-for="(item, index) in multiArray" :key="index">
        <view v-for="(option, i) in item" :key="i">{{ option }}</view>
      </picker-view-column>
    </picker-view>
  </view>
</template>

3.在`<script>`中处理选择器的改变事件，并定义`multiArray`和`multiIndex`：

<script>
  export default {
    data() {
      return {
        multiArray: [['河南省', '山东省'], ['许昌市','郑州市','洛阳市']],
        multiIndex: [0, 0],
        indicatorStyle: 'height: 50px;'
      };
    },
    methods: {
      bindMultiPickerChange(e) {
        const val = e.detail.value;
        this.multiIndex = val;
        console.log('picker发送选择改变，携带值为', val);
      }
    }
  };
</script>