使用element UI Cascader 级联选择器实现省/市/区选择_cascader 级联选择器选择省市区

<template>
  <div>
    <label>位置</label>
    <el-cascader
      :options="pcaTextArr"
      v-model="selectedAddresses"
      @change="handleChangeAddress"
      :props="{
        expandTrigger: 'hover',
        multiple: true,
        checkStrictly: true,
        emitPath: false,
      }"
    >
    </el-cascader>
  </div>
</template>
<script>
import { pcaTextArr } from "element-china-area-data"; //安装中国城市地区级联菜单数组 npm install element-china-area-data
 
export default {
  data() {
    return {
      pcaTextArr, //地址数据
      selectedAddresses: [],//当前选中的地址数组，例如：['广州市','成都市']
    };
  },
  methods: {
    handleChangeAddress(d) {},
  },
};
</script>

import {  provinceAndCityData, pcTextArr, regionData, pcaTextArr, codeToText ,} from "element-china-area-data";

这里面的

      provinceAndCityData, pcTextArr, regionData,  codeToText ,

有不同的数据内容，可以慢慢发掘