在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

vue mint-ui picker組件使用問(wèn)題

clipboard.png

clipboard.png
數(shù)組格式

我目前用這個(gè)插件可以拿到數(shù)組的值,但是后臺(tái)需要我把數(shù)組的索引傳上去,搞了很久都不知道這個(gè)組件如何傳索引,當(dāng)change的時(shí)候,如何把值跟索引對(duì)應(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>

萬(wàn)分感謝

回答
編輯回答
扯機(jī)薄

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

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

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

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

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

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

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

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

樓主,我想請(qǐng)問(wèn)一下,那個(gè)toobar 怎么使用,跟picker一起

2017年7月28日 19:06