【Vue】利用ElementUI组件基于element-china-area-data库实现省市区三级联动的组件封装 [复制链接]
发表于 2026-4-24 09:02:55 | 显示全部楼层 |阅读模式
效果展示


依赖包版本

  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.   
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表