uni-app picker多列选择器

uni-app 的 Picker 组件是一个用于选择列表的数据输入控件，支持单选或多选模式。对于多列选择器，它并不直接提供内置的多列选项功能，但你可以通过自定义的方式来实现。一种常见的做法是在数据结构上设计成一个多维数组，每一行代表一列，然后在 Picker 中动态渲染每列的内容。下面是一个简单的例子：

<view>
  <picker bindchange="handleChange" :value="selectedValues">
    <view v-for="(column, index) in columns" :key="index">
      <picker-column :data="column.data" :title="column.title"></picker-column>
    </view>
  </picker>
</view>

<script>
export default {
  data() {
    return {
      selectedValues: [],
      columns: [
        { title: '列1标题', data: ['选项1', '选项2', '选项3'] },
        { title: '列2标题', data: ['选项A', '选项B', '选项C'] }
      ]
    };
  },
  methods: {
    handleChange(value) {
      this.selectedValues = value;
    }
  }
};
</script>

在这个例子中，`columns` 数组包含两列的选择数据，每列都有自己的标题和选项。用户可以在每列中进行选择，并通过 `handleChange` 方法获取所有列的最终选择结果。