Element实现省市区三级联动

一、实现效果

二、参考数据

1. el-cascader省市区三级联动

三、实现方法

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

2. <template>
     <div id="app">
       <el-cascader
         size="large"
         :options="options"
         v-model="selectedOptions"
         @change="handleChange">
       </el-cascader>
     </div>
   </template>
   
   <script>
     import { regionData } from 'element-china-area-data'
     export default {
       data () {
         return {
           options: regionData,
           selectedOptions: []
         }
       },
   
       methods: {
         handleChange (value) {
           console.log(value)
         }
       }
     }
   </script>