Element ui中如果使用el-cascader层级选择器实现省市区选择

实现效果如下：

一，下载elemenui地址库

npm install element-china-area-data

二，引入依赖

<script>
import { pcaTextArr } from "element-china-area-data";
export default {
    data() {
        return {
            pcaTextArr,//地址数据
            selectedOptions: [],//地址绑定
        }
    },
    methods:{
      handleChangeAddress(value){
            console.log(value, '地址下拉选择')
        }

    }

}
</script>

三，在form表单中使用el-cascader

<el-form-item label="所在地区" prop="address">
     <el-cascader size="large" :options="pcaTextArr" v-model="selectedOptions" @change="handleChangeAddress">
     </el-cascader>
 </el-form-item>

四，大功告成