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

代码如下：

 
 
 
 
.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" 
 ] 
      } 
    ] 
  } 
} 

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