element ui 级联选择器个省市区

安装数据源

npm install element-china-area-data -S

引用

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

<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>

效果图