【Vue】利用ElementUI组件基于element-china-area-data库实现省市区三级联动的组件封装

效果展示

依赖包版本

1. "element-china-area-data": "^6.1.0",
2. "element-ui": "2.15.6",

复制代码

组件代码

1. // components/chinaAreaCascader/index.vue
2. <template>
3.   <el-cascader v-model="val" @change="handleChange" :options="options[type]"/>
4. </template>
5. <script>
6. import {
7.    
8.     provinceAndCityData,regionData,pcTextArr,pcaTextArr, codeToText} from 'element-china-area-data'
9. export default {
10.    
11.    
12.   

复制代码