当前位置: 首页 > news >正文

Element-UI 解决省市级数据

一般会使用到
● china-area-data
● element-china-area-data
区别:element-china-area-data 是在 china-area-data 基础上,封装成 Element UI 可直接用的格式,所以如果使用vue那就直接使用 element-china-area-data

使用方式:

npm install china-area-data element-china-area-data --save

安装的时候如果想获取省市数据,那就安装 china-area-data ,如果只是element ui 那就只需要安装 element-china-area-data :

npm install element-china-area-data --save

使用实例:

<el-cascaderv-model="selectedArea":options="options"placeholder="请选择省市区">
</el-cascader>
import { regionData } from 'element-china-area-data'export default {data() {return {options: regionData, // 用于 el-cascaderselectedArea: []}}
}
http://www.dtcms.com/a/295422.html

相关文章:

  • Map接口-实现类HashMap
  • Hive常用函数
  • C++STL系列之set和map系列
  • Spring AI - 函数调用演示:AI算术运算助手
  • 计算机网络知识点总结 (2)
  • Vue3 面试题及详细答案120道(91-105 )
  • 02.面向对象的特性
  • 斐波那契数列策略
  • 深入UniApp X:掌握复杂列表与全局状态管理的艺术
  • 光伏电站巡检清扫飞行机器人设计cad【6张】三维图+设计说明书
  • go项目实战二
  • 支持OCR和AI解释的Web PDF阅读器:解决大文档阅读难题
  • 飞腾D3000麒麟信安系统下配置intel I210 MAC
  • 最新免费使用Claude Code指南(Windows macOS/Linux)
  • 使用ffmpeg转码h265后mac默认播放器不支持问题
  • 快速启用 JMeter(macOS Automator 创建 JMeter 脚本)
  • 【MAC电脑系统变量管理】
  • Mac电脑开发Python(基于vs code)
  • 闲庭信步使用图像验证平台加速FPGA的开发:第三十三课——车牌识别的FPGA实现(5)车牌字符的识别
  • 只对非空元素执行循环操作,怎么办?
  • Qt自定义图像显示控件(支持平移、缩放、横纵比自适应)
  • 图像认知与OpenCV——图像预处理2
  • 记一次electron开发插件市场遇到的问题
  • Linux 简单介绍及基础命令
  • 云原生MySQL Operator开发实战(一):Operator基础与CRD设计
  • 基于Odoo的微信小程序全栈开发探索分析
  • 开源中国:以国产开源生态筑基,赋能智能研发全栈升级
  • 【王树森推荐系统】推荐系统涨指标的方法05:特殊用户人群
  • [数据结构]#7 哈希表
  • 国产化PDF处理控件Spire.PDF教程:Python 将 PDF 转换为 Markdown (含批量转换示例)