element ui 级联选择器个省市区_element ui地区选择器

安装数据源

npm install element-china-area-data -S
1

引用

import {regionData} from 'element-china-area-data'
1

<template>
  <div>
    <el-cascader
        :options="options"
        @change="handleChange"
        v-model="selectedOptions"
        placeholder="请选择地址"
    >
    </el-cascader>
    <el-input v-model="longitude" ></el-input>
  </div>
</template>
<script>
import {regionData} from 'element-china-area-data'
export default {
  name: 'App',
  components: {},
  data() {
    return {
      options: regionData,
      selectedOptions:[],
    }
  },
  created() {
  },
  mounted() {
    console.log(regionData, "-------")
  },
  methods: {
   handleChange(){}
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

效果图