EvenManage/src/components/pages/demo.vue

<template>
  <div>
    <div>{{ $store.state.userInfo }}</div>
    <div>
      <el-cascader
        size="large"
        clearable
        :options="options"
        v-model="selectedOptions"
        @change="handleChange"
        placeholder="请选择市区"
      >
      </el-cascader>
    </div>
  </div>
</template>

<script>
import { regionData, CodeToText } from "element-china-area-data";
const Data = regionData.filter((ele) => {
  return ele.value == "440000";
});
export default {
  data() {
    return {
      options: Data[0].children,
      selectedOptions: [], //"440000","440100"
      loc: "",
    };
  },
  methods: {
    handleChange() {
      if (!this.selectedOptions) {
        return;
      }
      var loc = "";
      for (let i = 0; i < this.selectedOptions.length; i++) {
        loc += CodeToText[this.selectedOptions[i]];
      }
      console.log(loc);
      console.log(this.selectedOptions);
      this.loc = "广东省" + loc;
    },
  },
  mounted() {
    console.log(this.$store);
  },
};
</script>

<style>
</style>