uniapp实现多列选择器

要在uniapp中实现多列选择器，可以使用官方提供的uni-picker组件。该组件可以设置多个列，每个列可以设置不同的选项。以下是一个简单的示例代码：

<template>
  <view>
    <uni-picker :value="value" @change="onChange">
      <uni-picker-view v-for="(column, index) in columns" :key="index" :values="column">
      </uni-picker-view>
    </uni-picker>
  </view>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        ['选项1', '选项2', '选项3'],
        ['选项A', '选项B', '选项C']
      ],
      value: [0, 0] // 默认选中第一个选项
    };
  },
  methods: {
    onChange(e) {
      this.value = e.detail.value;
      console.log('当前选中：', this.columns[0][this.value[0]], this.columns[1][this.value[1]]);
    }
  }
};
</script>

在上面的示例中，我们定义了一个包含两列的选择器，每列分别有三个选项。我们使用uni-picker组件来渲染选择器，通过v-for指令动态生成每列的选项。在onChange方法中，我们可以获取当前选中的值，并输出到控制台上。

需要注意的是，uni-picker组件只在APP和H5端支持多列选择器，而在小程序端只支持单列选择器。如果需要在小程序中使用多列选择器，可以考虑使用weui-miniprogram组件库中的picker组件。