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