为什么使用picker中的picker-view-column就报错

使用 `picker-view-column` 时报错，可能是因为以下原因：

1. `picker-view-column` 组件必须嵌套在 `picker-view` 组件中使用，否则会报错。

2. `picker-view-column` 组件的 `name` 属性必须设置为 `picker-view-column`，否则会报错。

3. `picker-view-column` 组件的 `value` 属性必须与 `picker-view` 组件的 `value` 属性保持一致，否则会报错。

4. `picker-view-column` 组件的 `range` 属性必须设置为一个数组，数组中的每个元素都是一个对象，表示该列的选项，否则会报错。

以下是一个示例代码，展示了 `picker-view` 和 `picker-view-column` 的使用方法：

<template>
  <view>
    <picker-view :value="selected" @change="onChange">
      <picker-view-column :name="'picker-view-column'" :value="selected[0]" :range="range[0]"></picker-view-column>
      <picker-view-column :name="'picker-view-column'" :value="selected[1]" :range="range[1]"></picker-view-column>
      <picker-view-column :name="'picker-view-column'" :value="selected[2]" :range="range[2]"></picker-view-column>
    </picker-view>
  </view>
</template>

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

在上面的代码中，`picker-view-column` 组件被嵌套在了 `picker-view` 组件中，每个 `picker-view-column` 组件都表示一列选项。`range` 数组中包含了三个数组，分别表示三列选项的内容。`selected` 数组表示每列选项的默认选中值。在 `onChange` 方法中，通过 `e.detail.value` 获取选择器选中的值，然后可以根据这些值做出相应的操作。