1、前言 demo环境是SpringBoot+Vue+elementUI,开发工具是idea,有涉及到省市区三级联动选择器,网上查找了下,发现了这款和elementUI相匹配的element-china-area-data,这样的话样式什么的就不用担心会很丑,也不需要调,最主要是还可以直接获取到省市区编码,都不用通过后台接口转换。于是就撸起袖子,满心欢喜的整进来。...
element-china-area-data 使用指南 1. 基本信息和用途element-china-area-data 是一个常用于Vue.js项目中,提供中国行政区划数据的库。它包含了省、市、区/县等各级行政区划信息,常用于实现地址选择、区域筛选等功能。 2. 安装和引入 安装 你可以通过npm或yarn来安装element-china-area-data: ...
Element-China-Area-Data 是一个用于提供中国地区(省、市、区县)数据的JavaScript插件,特别适用于基于Vue.js的前端开发项目。这个插件主要服务于需要实现省市区三级联动选择器的功能需求。 以下是一些关于Element-China-Area-Data的主要特点和功能: 1. 全面的数据覆盖:包含了中国所有省份、城市和区县的数据,确保了地域...
使用element-china-area-data需要先进行安装。在项目根目录的终端中执行以下命令: ``` npm install element-china-area-data ``` 安装完成后,可以在需要使用的组件中引入element-china-area-data。 ```javascript import elementChinaAreaData from 'element-china-area-data'; ``` 引入后,elementChinaAreaData已经...
npm install element-china-area-data -S 在线示例 地址在此,网页打开会比较慢 使用 import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data' 服务端用法: const { provinceAndCityData, regionData, provinceAndCityData...
省市县级联效果选择插件:element-china-area-data,方便快捷。 安装插件:npminstallelement-china-area-data-S(如果该命令安装失败,则将..., CodeToText, TextToCode } from 'element-china-area-data' 说明:1)provinceAndCityData是省市二级联动数据(不带“ ...
首先,我们需要安装ElementUI和element-china-area-data库。如果你还没有安装,可以使用以下命令进行安装: npm install element-ui element-china-area-data 然后,在你的Vue项目中引入ElementUI: importVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI...
demo环境是SpringBoot+Vue+elementUI,开发工具是idea,有涉及到省市区三级联动选择器,网上查找了下,发现了这款和elementUI相匹配的element-china-area-data,这样的话样式什么的就不用担心会很丑,也不需要调,最主要是还可以直接获取到省市区编码,都不用通过后台接口转换。于是就撸起袖子,满心欢喜的整进来。效果如文...
demo环境是SpringBoot+Vue+elementUI,开发工具是idea,有涉及到省市区三级联动选择器,网上查找了下,发现了这款和elementUI相匹配的element-china-area-data,这样的话样式什么的就不用担心会很丑,也不需要调,最主要是还可以直接获取到省市区编码,都不用通过后台接口转换。于是就撸起袖子,满心欢喜的整进来。效果如文...
npm install element-china-area-data-S 2、使用 <template><divid="app"><el-cascadersize="large":options="options"v-model="selectedOptions"@change="handleChange"></el-cascader></div></template><script>import { regionData, codeToText } from "element-china-area-data"; ...