vue mint-ui picker组件使用问题

Question

数组格式

我目前用这个插件可以拿到数组的值，但是后台需要我把数组的索引传上去，搞了很久都不知道这个组件如何传索引，当change的时候，如何把值跟索引对应上，下面是代码

<mt-picker :slots="pickerSlots" @change="valuesChange"></mt-picker>

<script>
let pickerArray = {};

export default {

data() {
  return {
    showPicker: false,
    pickerSlots: [
      {
        flex: 1,
        values: Object.keys(pickerArray),
        className: 'slot1',
        textAlign: 'center'
      }
    ],
  };
},
methods: {

// 获取pickerArray

  clickPicker: function (url) {
    this.showPicker = true;
    this.$http.get('http://59.110.236.64/' + url + '').then((response) => {
      response = response.body.data;
      pickerArray = response;
      this.pickerSlots[0].values = pickerArray;
    });
  },
  valuesChange: function (picker, values) {
    this.completeValue = values[0];
  },
}

};
</script>

万分感谢

Answer 1

可以选个笨办法，取到值之后再在pickerArray找一下对应值的索引

Answer 2

很头疼，picker组件设计的不友好。无法传额外值，需要index绑定在values中。

Answer 3

你可以给values传入一个对象{name:"",index:""},然后在<mt-picker></mt-picker> 中，加入属性 value-key="name",这样子就只显示对象的name值，而其他属性值你在监听change事件时还是可以拿到的

Answer 4

楼主可以看下我的提问里面，有类似的问题，我是通过JQ的hasClass自己去找的对应id值(当时没有发现人家自带拿索引)，picker还有个属性valueKey专门针对数组对象的，可以直接拿到对应的索引

Answer 5

楼主，我想请问一下，那个toobar 怎么使用，跟picker一起