mint-ui之三級聯動

如今UI盛行之際，咱們變得愈來愈懶，身爲一個渣渣前端，連最基本的輪播、瀑布流、動畫等都寫不動了，甚是失落。好在這些UI架子能知足產品的需求，咱們尚且能活的安然。因而我隨大流了。
插 ——（此文章爲解決：請求市區拿對應的省市ID拿不到，若時間緊，請直接看文章結尾）
就在前端時間，cp提出要作一個相似這樣的東東

以前寫的三級聯動都是select標籤作的，很low B的那種，作這種效果感受麻煩好多，因而蒐集UI，終於找到個合適的——mint-ui,它的picker與設計圖迷之類似。這彷佛沒有猶豫的必要了。
因而就寫啊，可是有坑啊，這是人家源碼
<mt-picker :slots="slots" @change="onValuesChange"></mt-picker>
export default {
methods: {

onValuesChange(picker, values) {
  if (values[0] > values[1]) {
    picker.setSlotValue(1, values[0]);
  }
}

},
data() {

return {
  slots: [
    {
      flex: 1,
      values: ['2015-01', '2015-02', '2015-03', '2015-04', '2015-05', '2015-06'],
      className: 'slot1',
      textAlign: 'right'
    }, {
      divider: true,
      content: '-',
      className: 'slot2'
    }, {
      flex: 1,
      values: ['2015-01', '2015-02', '2015-03', '2015-04', '2015-05', '2015-06'],
      className: 'slot3',
      textAlign: 'left'
    }
  ]
};

}
};
感受是否是很全，只要把values裏面數據弄成活的就行(個人是請求地址信息);
當請求省的時候還好，只需把全部省的信息所有拿來展現，可是請求市和區的時候就須要
傳對應的省ID和市ID了，以前想的是，給個順序遍歷，模擬作個ID就好了唄，後來發現數據庫存的ID並非順序的，因此不能模擬ID了，只能取真的了。當時第一反應就是找這個UI，看有沒有提供被選中的ID，可是無奈UI只提供了被選中的 ’值‘，此時，’值‘對應的ID須要本身去取了。因而我求救大神。

大神給我提供了一個JQ的方法
var that = this;
$(".slot1 .picker-item").each(function() {
   if($(this).hasClass("picker-selected")) {
     var check=$(this).text().replace(/\s/g,'');
     for(var i = 0; i < obj.length; i++) {
        if(check == obj[i].shengName) {                                               
           that.selectShengID=obj[i].shengID
           break;
          }
      }
  }
}
簡短代碼無需囉嗦，此時就拿到了對應的省ID，市ID同理可求。
論：始終以爲本身是技術裏的幽默男(db男也能夠?)，不管什麼時候都不忘娛樂，放鬆本身。不抱怨，生活終究美好。
附：大一講高數導數的時候不少人都懵，下面一張圖很好的解釋

那就是：連續不必定可倒，但可導必然連續。(這就是高數滿分的人善於發現?)