vuemint-ui仿淘宝京东收货地址四级联动

来源：皓特汽车网

本文主要介绍了vue mint-ui 实现省市区街道4级联动（仿淘宝京东收货地址4级联动），非常具有实用价值，需要的朋友可以参考下，希望能帮助到大家。

本文介绍了vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)

先去下载一个“省份、城市、区县、乡镇” 四级联动数据，然后

引入

组件使用

 <mt-picker :slots="addressSlots" class="picker" @change="onAddressChange" :visible-item-count="5" ></mt-picker >

<mt-picker :slots="streetSlots" ref="picker" class="picker" @change="onStreetChange" :visible-item-count="5" ></mt-picker >
上门服务地址:{{ addressProvince }} {{ addressCity }}

组件方法

完成效果