使用picker完成多列选择器

要在小程序中使用多列选择器，可以使用微信官方提供的picker组件。以下是一个简单的示例代码：

<view>
  <picker mode="multiSelector" :value="value" @change="onChange">
    <picker-view v-for="(column, index) in columns" :key="index">
      <picker-view-column :key="item" v-for="item in column">{{item}}</picker-view-column>
    </picker-view>
  </picker>
</view>

<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>

与uniapp中的实现方式类似，我们使用picker组件来渲染选择器，通过v-for指令动态生成每列的选项。在onChange方法中，我们可以获取当前选中的值，并输出到控制台上。

需要注意的是，微信小程序中的picker组件支持的最大列数为10列，超过10列会出现显示问题。