鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue mint-ui picker組件使用問題

vue mint-ui picker組件使用問題

clipboard.png

clipboard.png
數(shù)組格式

我目前用這個插件可以拿到數(shù)組的值,但是后臺需要我把數(shù)組的索引傳上去,搞了很久都不知道這個組件如何傳索引,當(dāng)change的時候,如何把值跟索引對應(yīng)上,下面是代碼

<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>

萬分感謝

回答
編輯回答
扯機薄

你可以給values傳入一個對象{name:"",index:""},然后在<mt-picker></mt-picker> 中,加入屬性 value-key="name",這樣子就只顯示對象的name值,而其他屬性值你在監(jiān)聽change事件時還是可以拿到的

2017年12月10日 19:07
編輯回答
凹凸曼

可以選個笨辦法,取到值之后再在pickerArray找一下對應(yīng)值的索引

2017年6月15日 01:22
編輯回答
寫榮

很頭疼,picker組件設(shè)計的不友好。無法傳額外值,需要index綁定在values中。

2017年8月11日 23:56
編輯回答
卟乖

樓主可以看下我的提問里面,有類似的問題,我是通過JQ的hasClass自己去找的對應(yīng)id值(當(dāng)時沒有發(fā)現(xiàn)人家自帶拿索引),picker還有個屬性valueKey專門針對數(shù)組對象的,可以直接拿到對應(yīng)的索引

2018年2月11日 14:19
編輯回答
尐潴豬

樓主,我想請問一下,那個toobar 怎么使用,跟picker一起

2017年7月28日 19:06