|
@@ -1,21 +1,51 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <div>{{$store.state.userInfo}}</div>
|
|
|
+ <div>{{ $store.state.userInfo }}</div>
|
|
|
+ <div>
|
|
|
+ <el-cascader
|
|
|
+ size="large"
|
|
|
+ clearable
|
|
|
+ :options="options"
|
|
|
+ v-model="selectedOptions"
|
|
|
+ @change="handleChange"
|
|
|
+ >
|
|
|
+ </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 {
|
|
|
- }
|
|
|
+ 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);;
|
|
|
- },
|
|
|
-}
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ console.log(this.$store);
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
-
|
|
|
</style>
|