mint-ui picker 三級聯動實現

使用這個插件遇到幾個問題總結一下。

問題一 mint-ui picker defaultIndex修改設置默認值設置不了

按照官網的例子 http://mint-ui.github.io/docs...， 而後使用 defaultIndex 發現怎麼修改默認值都不會變。

解決方案：

在data() 實例對象裏面聲明的時候，就須要添加 defaultIndex屬性值。o(╥﹏╥)o

問題二 設置默認值問題，初次進入設置 北京市-市轄區-東城區 設置無效。

除了北京市以外的其它省均可以設置，惟獨北京市的設置無效，是在初始化的時候，Onchangevalue 並無檢測到變化，因此設置不成功。

解決方案

初始化時，先對每個slot的vaules賦值，而後設置 defaultIndex 值便可。

代碼

this.slots[0].values = Object.keys(myaddress);
this.slots[2].values = Object.keys(myaddress[this.province]);
this.slots[4].values = Object.keys(myaddress[this.province][this.city]);

而後在設置對應的defaultIndex

詳細代碼以及效果預覽

https://codesandbox.io/s/vue-...