基于mint-ui的城市选择3级联动

项目是基于 vue2 的移动端项目

1、实际效果

基于mint-ui的城市选择3级联动_第1张图片
地址三级联动 mint-ui picker.png

2、首先你需要去下载一个包含中国省份,城市,区县的数据
如下:
https://github.com/artiely/Administrative-divisions-of-China(里面包含二级联动数据,三级联动数据,四级联动数据等,找到自己需要的)

https://github.com/modood/Administrative-divisions-of-China(一个更好的中国地区数据,推荐用这个

3、具体代码
主要是用到了mint-ui的picker组件,关于mint-ui的使用就自行看官网

Ⅰ 、html组件

地址3级联动:{{myAddressProvince}} {{myAddressCity}} {{myAddresscounty}}

Ⅱ 、组件方法


参考文章 http://www.cnblogs.com/coolslider/p/7076390.html (mint-ui picker 的四级联动)

你可能感兴趣的:(基于mint-ui的城市选择3级联动)