Vant3 Picker选择器绑定对象数组的显示数据

Picker 组件通过 columns 属性配置选项数据，columns 是一个包含 字符串 或 对象 的数组。在官网示例中使用的是字符串数组：

const columns = ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华']

如果是对象数组则不能正常显示

const columns = [
  {
    name: '杭州',
    value: 'hangzhou'
  },
  {
    name: '宁波',
    value: 'ningbo'
  }
]

一种方法是处理你的数组，将要显示的属性改为 text ，如下：

const columns = [
  {
    text: '杭州',
    value: 'hangzhou'
  },
  {
    text: '宁波',
    value: 'ningbo'
  }
]

另一种则是使用 columns-field-names 属性

代码如下：

<van-picker :columns="columns" :columns-field-names="{ text: 'name' }" />

其他：在 vant2 中使用的是 value-key 属性