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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章