首先看下通过mint-ui实现的三级联动效果截图

三级联动效果

问题1:关于mint-ui格式问题

官网给的数据格式是：

官网格式

但是我们在使用的时候，数据可能是接口请求返回的或者自己引入的数据。所以这里会用到computed去整理数据。

这里的this.initPD／this.initCD/ this.initXD 都是需要在created生命周期中就设定好数据，否则picker组件会因为初始化出现问题。因为initPD这些数据在data中是空的。

问题2:关于初始化picker选中返回values数组中0位为undefined的问题。

解决：

在他的组件源码中picker.vue，slotValueChange事件用于change返回values，所以在这里判断一下如果返回的数据中0位为undefined，将其设置为传入slots[0]所对应的values[0]。

基本上是解决了代码问题，因为涉及到的逻辑比较多，就不大动源码了=  = 

返回如下：