基于Vue省市区三级联动组件-PC端

基于Vue省市区三级联动组件-PC端

效果演示


CityPicker.gif

使用


data() {
  return
    city: ['', '', '']
  }
}

代码






省市区部分编码

export const area = {
  province_list: {
    110000: '北京',
    120000: '天津',
    130000: '河北省',
    140000: '山西省',
    150000: '内蒙古',
    210000: '辽宁省',
    220000: '吉林省',
    230000: '黑龙江省',
    310000: '上海',
    320000: '江苏省',
    330000: '浙江省',
    340000: '安徽省',
    350000: '福建省',
    360000: '江西省',
    370000: '山东省',
    410000: '河南省',
    420000: '湖北省',
    430000: '湖南省',
    440000: '广东省',
    450000: '广西',
    460000: '海南省',
    500000: '重庆',
    510000: '四川省',
    520000: '贵州省',
    530000: '云南省',
    540000: '西藏',
    610000: '陕西省',
    620000: '甘肃省',
    630000: '青海省',
    640000: '宁夏',
    650000: '新疆',
    710000: '台湾',
    810000: '香港',
    820000: '澳门'
  },
    city_list: {
    110100: '北京市',
    110200: '县',
    120100: '天津市',
    120200: '县',
    130100: '石家庄市',
    130200: '唐山市',
    130300: '秦皇岛市',
    130400: '邯郸市',
    130500: '邢台市',
    130600: '保定市',
    130700: '张家口市',

你可能感兴趣的:(基于Vue省市区三级联动组件-PC端)