Element Cascader 实现省市区动态三级联动，抽象成Vue组件

一：数据准备

    首先从网上下载最新得省市区数据，（省市区编码对照表最新版 免费版）https://www.7down.com/soft/300771.html

二：Vue + element 代码实现

    

    导入组件后使用：三段代码分别是三个部分，可以实现简单应用

            
          


regionHandle (val) {
        this.$set(this.dataForm, 'addrCd', val)
        console.log(val)
      },


 import region from '@/components/region'

    联动查询，实现效果：