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

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

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

Mint UI 使用文档：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

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

代码如下：

头像

姓名

性别

出生日期

ref="datePicker"

type="date"

:startDate="startDate"

:endDate="endDate"

v-model="dateValue"

@confirm="handleChange">

ref="datePicker"

type="date"

:startDate="startDate"

:endDate="endDate"

v-model="dateValue"

@confirm="handleChange">

电话号码

所在地区

取消

确定

详细地址

http://

保存

地区数据格式如下：

{

"code": 200,

"msg": "获取区域信息成功！",

"t": {

"areaList": [

{

"上海": [

"上海"

],

"北京": [

"北京"

],

"广东": [

"广州",

"深圳"

],

"江苏": [

"徐州",

"南京"

],

"福建": [

"福州"

]

}

],

"provinceCodeList": [

{

"上海": [

"120001"

],

"北京": [

"110001"

],

"广东": [

"130001"

],

"江苏": [

"130007"

],

"福建": [

"0100"

]

}

],

"cityCodeList": [

{

"上海": [

"120002"

],

"北京": [

"110002"

],

"广州": [

"130002"

],

"南京": [

"130006"

],

"深圳": [

"518000"

],

"福州": [

"0200"

],

"徐州": [

"130009"

]

}

]

}

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。