这次给大家带来mint-ui实现三级联动案例分享,mint-ui实现三级联动的注意事项有哪些,下面就是实战案例,一起来看一下。
项目是基于vue2 的移动端项目,供大家参考,具体内容如下
1、实际效果
地址三级联动 mint-ui picker.png
2、首先你需要去下载一个包含中国省份,城市,区县的数据
如下:
(这个地址里面包含二级联动数据,三级联动数据,四级联动数据等,找到自己需要的)
(一个更好的中国地区数据,推荐用这个)
3、具体代码
主要是用到了mint-ui的picker组件,关于mint-ui的使用就自行看官网
Ⅰ 、html组件
地址3级联动:{{myAddressProvince}} {{myAddressCity}} {{myAddresscounty}}
Ⅱ 、组件方法
参考文章 vue mint-ui 实现省市区街道4级联动(mint-ui picker 的四级联动)
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
Das obige ist der detaillierte Inhalt vonmint-ui实现三级联动案例分享. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!