mint-ui: picker key value值对该如何取得key值（非显示值）

openks commented 7 years ago

昨天同事过来问我这个问题说picker显示的是男，女但是需要的值是0，1该如何处理由于在忙别的事情粗略看了下mint-ui的api没能正常处理

openks commented 7 years ago

今天过来看了下其实很简单

 <mt-picker ref="status" :slots="statusSlot"  value-key="key" :visible-item-count="3" :showToolbar="showToolbar" >
       <span class="mint-datetime-action mint-datetime-cancel" @click="status = false;$emit('cancel')">取消</span>
       <span class="mint-datetime-action mint-datetime-confirm" @click="statusConfirm">确定</span>
</mt-picker>
      statusSlot: [{
        flex: 1,
        defaultIndex: 0,
        values: [{ key: '未办结', value: '0' }, { key: '已办结', value: '1' }, { key: '处理中', value: '2' }],
        className: 'slot1',
      }],

values 对应 slot 的备选值数组。若为对象数组，则需在 mt-picker 标签上设置 value-key 属性来指定显示的字段名

openks commented 7 years ago

刚开始看到的也是valueKey所以开始的时候没成功仔细查看看到了图中的信息

yezongyang commented 7 years ago

你那边用picker.setValues api 能手动设置选中值吗，对于对象数组这种情况。 085f2d91-0c1e-4fe1-8e07-8e6ee02ef159

yezongyang commented 7 years ago

还有defaultIndex 有作用吗，https://github.com/ElemeFE/mint-ui/issues/1035

openks commented 7 years ago

defaultIndex在初始化时设置没用，对象数组picker.setValues不行

openks commented 7 years ago

值可以设置this.$refs.status.setSlotValue(0, { key: '未办结', value: '0' })但是显示的不对

yezongyang commented 7 years ago

可以设置，但是picker里显示是不对的，我怀疑某个版本是可以用，只不过被改坏了

openks / learn-vue

mint-ui: picker key value值对该如何取得key值（非显示值） #22