基本使用及数据问题

<u-picker 
    :show="departmentShow"             是否显示
    :columns="departmentList"          展示数据
    keyName="name"                     定义名称字段
    @confirm="departmentListSelect"    确认事件
    @cancel="departmentShow = false">  取消事件
</u-picker>

departmentList = [
  [                       // 注意一定要多嵌套一层数据，否则没有数据显示
    {name: '测试',id:'111'}
  ]
]

数据获取

通过确认事件，可以拿到对象的所有数据进行操作

departmentListSelect(item) {
  console.log(item);
  console.log(item.value[0].name);
  this.info.department = item.value[0].name
  this.info.departmentId = item.value[0].id
  this.departmentShow = false
},

延迟警告

默认选择的触发会再动画结束后，所以操作过快是选不中的，造成BUG，需要加上immediateChange属性