vue指定级联选择

 引入

import JAreaLinkage from '@comp/jeecg/JAreaLinkage'

<a-form-model-item label="地州市" prop="city">
              <j-area-linkage type="cascader" v-model="model.city" placeholder="请输入省市区" />
</a-form-model-item>

  以云南为例：

data(){
    return{
        pcaa1: {},
    }
} 
created() {
    /**
     * 省市区级联选择分3级
     * pcaa的结构是一个多级对象
     * 86对象里面里面是以省级行政单位的编号为键名，名字为键值，对应一级
     * xx0000对象里面是以市级行政单位的编号为键名，名字为键值，对应二级
     * xxxx00对象里面是以区县级行政单位的编号为键名，名字为键值，对应三级
     */
    let result = {}
    // 一级，写死为云南
    result['86'] = { 530000: '云南省' }
    //  二级，过滤对象也要把这六个列出来，还不如直接写死
    result['530000'] = {
      530100: '昆明市',
      530400: '玉溪市',
      530700: '丽江市',
      532300: '楚雄彝族自治州',
      532500: '红河哈尼族彝族自治州',
      532900: '大理白族自治州'
    }
    // 三级，拿六个地级市里的区县
    let citys = Object.keys(result['530000'])
    citys.forEach(key => {
      result[key] = this.pcaa[key]
    })
    this.pcaa1 = result
  },

效果