console.log(`${areaCode}对应的汉字是:${areaName}`); ``` 请注意,`element-china-area-data`中的数据结构可能随版本变化而变化,因此请根据你使用的具体版本来查找对应的数据。在上面的示例中,`chinaAreaData`是一个数组,每个元素都包含了区域编码`value`和区域名称`label`。 如果你的需求更为复杂,例如处理...
1、前言 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"; export default { data...
vue element-china-area-data 使用 import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data' provinceAndCityData是省市二级联动数据(不带“全部”选项) regionData是省市区三级联动数据(不带“全部”选项) provinceAndCityData...
demo环境是SpringBoot+Vue+elementUI,开发工具是idea,有涉及到省市区三级联动选择器,网上查找了下,发现了这款和elementUI相匹配的element-china-area-data,这样的话样式什么的就不用担心会很丑,也不需要调,最主要是还可以直接获取到省市区编码,都不用通过后台接口转换。于是就撸起袖子,满心欢喜的整进来。效果如文...
demo环境是SpringBoot+Vue+elementUI,开发工具是idea,有涉及到省市区三级联动选择器,网上查找了下,发现了这款和elementUI相匹配的element-china-area-data,这样的话样式什么的就不用担心会很丑,也不需要调,最主要是还可以直接获取到省市区编码,都不用通过后台接口转换。于是就撸起袖子,满心欢喜的整进来。效果如文...
import { regionData, CodeToText } from "element-china-area-data"; 定义变量 data(){return{ address1:"", address2:"", address3:"", address:"", } } 使用计算属性 computed: { address2City() {if(this.address1 == "")return[];elsereturnthis.option.filter((val, index) =>{returnval....
https://www.npmjs.com/package/element-china-area-data 从官网上下载代码包放到项目中，可以把不需要的文件及文件夹删除，demo这边是没有删除。如下图所示：3、安装china-area-data 在idea中打开终端工具，执行 npm install china-area-data 安装省市区数据，一会儿就好。如下图所示：4、js代码 参考官方demo依...
const { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } = require('element-china-area-data/dist/app.commonjs') 1. provinceAndCityData是省市二级联动数据(不带“全部”选项) regionData是省市区三级联动数据(不带“全部”选项) ...
codeToText是个大对象,属性是区域码,属性值是汉字 用法例如:codeToText['110000']输出北京市 <scriptsrc="https://unpkg.com/element-china-area-data@6.0.0/dist/element-china-area-data.iife.js"></script><script>newVue({el:"#app",data:function(){return{codeToText:elementChinaAreaData.codeToText...