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

本文介绍了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 }}

组件方法

完成效果

相关推荐：

城市四级联动菜单 省市区街道

jquery和ajax实现省市区三级联动封装和不封装两种方式

Jquery、Ajax、xml实现三级联动菜单效果

以上就是vue mint-ui 仿淘宝京东收货地址四级联动的详细内容，更多请关注Gxl网其它相关文章！