ant-design-vue cascader级联选择省、市、区

默认返回值格式：all:code、name都返回 name:只返回name code:只返回code，level：可设置显示层级 1： 省  2： 省、市 3： 省、市、区

v-model 默认值 可以是 name: [ "天津市", "天津市", "和平区" ] code: [ "120000", "120100", "120101" ]

all:[ { "code": "120000", "name": "天津市" }, { "code": "120100", "name": "天津市" }, { "code": "120101", "name": "和平区" } ]

1、数据来源  area-data

npm i -s area-data

area-data 直辖市默认下级是市辖区 如：北京市->市辖区 若显示 北京市->北京市 需找到安装的包将数据里的市辖区改为相应的直辖市名称

2、自定义级联组件 al-cascader.vue

util

const util = {}

util.levelArr = [1, 2, 3]

util.oneOf = (item, arr) => {
  return arr.some((i) => {
    return i === item
  })
}
util.getIndex = (list, name) => {
  for (const i in list) {
    if (list[i] === name) return i
  }
}

util.dataType = ['all', 'code', 'name']

util.checkLevel = (val) => {
  return util.oneOf(val, util.levelArr)
}

export default util

import AlCascader from '@/components/select-area/al-cascader'
//在需要使用的地方引入组件