好资源导航 » 文章资讯 » vue学习之mintui picker选择器实现省市二级联动示例

vue学习之mintui picker选择器实现省市二级联动示例

2023-09-23 09:48:05 69

本文介绍了vue学习之mintuipicker选择器实现省市二级联动示例，分享给大家，具体如下：

MintUI使用文档：https://mint-ui.github.io/docs/#/zh-cn2

Popup弹出框介绍：https://mint-ui.github.io/docs/#/zh-cn2/popup

Picker选择器介绍：https://mint-ui.github.io/docs/#/zh-cn2/picker

Datetimepicker日期选择器介绍：https://mint-ui.github.io/docs/#/zh-cn2/datetime-picker

代码如下：





.mint-popup-4{
width:100%;
}
.mint-popup-4.picker-slot-wrapper,.page-popup.mint-popup-4.picker-item{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

地区数据格式如下：

{
"code":200,
"msg":"获取区域信息成功！",
"t":{
"areaList":[
{
"上海":[
"上海"
],
"北京":[
"北京"
],
"广东":[
"广州",
"深圳"
],
"江苏":[
"徐州",
"南京"
],
"福建":[
"福州"
]
}
],
"provinceCodeList":[
{
"上海":[
"120001"
],
"北京":[
"110001"
],
"广东":[
"130001"
],
"江苏":[
"130007"
],
"福建":[
"0100"
]
}
],
"cityCodeList":[
{
"上海":[
"120002"
],
"北京":[
"110002"
],
"广州":[
"130002"
],
"南京":[
"130006"
],
"深圳":[
"518000"
],
"福州":[
"0200"
],
"徐州":[
"130009"
]
}
]
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

vue学习之mintui picker选择器实现省市二级联动示例

热门推荐

随机推荐