基于mint-ui,用Vue+webpack开发的省市级关联

业务需求,需要做做省市级关联的选择地址。用到的是mint-ui的picker,然后把全国的省市级做成json文件,放在static里。通过aixos调用。最难的是三层for循环,另外可能需要了解一下mint-ui的picker。具体代码如下。

代码里面的用到vuex大家可以自行取舍。

文件pick.vue 是业务的具体实现



然后可以在其他地方调用这个组件
如demo.vue 可以调用pick.vue


其中city.json基于mint-ui,用Vue+webpack开发的省市级关联_第1张图片

具体效果如下

基于mint-ui,用Vue+webpack开发的省市级关联_第2张图片

你可能感兴趣的:(基于mint-ui,用Vue+webpack开发的省市级关联)