uniapp picker多列选择器用法

Uniapp 中的多列选择器可以通过 `picker` 组件实现。以下是一个简单的示例：

<template>
  <view>
    <picker :value="selected" @change="onChange" :range="range" mode="multiSelector"></picker>
  </view>
</template>

<script>
export default {
  data() {
    return {
      range: [
        ['北京', '上海', '广州', '深圳'],
        ['朝阳区', '海淀区', '东城区', '西城区']
      ],
      selected: [0, 0]
    }
  },
  methods: {
    onChange(e) {
      this.selected = e.detail.value
      console.log('选择的值：', this.range[0][this.selected[0]], this.range[1][this.selected[1]])
    }
  }
}
</script>

在上面的代码中，`range` 定义了多列选择器的选项，`selected` 定义了默认选择的值。`@change` 监听选择器的变化事件，`mode="multiSelector"` 表示多列选择器。

在 `onChange` 方法中，通过 `e.detail.value` 获取选择器选中的值，然后可以根据这些值做出相应的操作。

需要注意的是，多列选择器的值是一个数组，数组中的每个元素对应一个列的选择项的索引值。在本示例中，`selected` 的初始值是 `[0, 0]`，表示选择了第一列的第一个选项和第二列的第一个选项。