methods:{add:function(){vue.areaOptions=regionData;},update:function(event){varid=getSelectedRow();if(id==null){return;}vue.areaOptions=regionData;},//表单区域值改变时触发areaHandleChange(value){//这里可以把获取到的value值赋值给后台字段做存储使用//value是数组,如 绑定值:[ "330000", "33010...
1、安装 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 defaul...
vue.areaOptions=regionData;},//表单区域值改变时触发 areaHandleChange(value){ //这里可以把获取到的value值赋值给后台字段做存储使用 //value是数组，如 绑定值：[ "330000", "330100", "330106" ]//只需要把区存到后台数据库即可，即取到value[2]即可，在数据回显时，便可以自动显示整个省市区 //非常...
regionData是省市区三级联动数据(不带“全部”选项) provinceAndCityDataPlus是省市二级联动数据(带“全部”选项) regionDataPlus是省市区三级联动数据(带“全部”选项) 编码跟中文之间转行: CodeToText是个大对象,属性是区域码,属性值是汉字 用法例如:CodeToText[‘110000’]输出北京市 TextToCode是个大对象,属性是...
codeToText, } from "element-china-area-data"; provinceAndCityData省市二级联动数据,汉字+code regionData省市区三级联动数据 pcTextArr省市联动数据,纯汉字 pcaTextArr省市区联动数据,纯汉字 codeToText是个大对象,属性是区域码,属性值是汉字 用法例如:codeToText['110000']输出北京市 ...
附上链接:https://www.npmjs.com/package/element-china-area-data 使用方法: 1、provinceAndCityData是省市二级联动数据(不带“全部”选项) 2、regionData是省市区三级联动数据(不带“全部”选项) 3、provinceAndCityDataPlus是省市区三级联动数据(带“全部”选项) ...
regionDataPlus是省市区三级联动数据(带“全部”选项) "全部"选项绑定的value是空字符串"" CodeToText是个大对象,属性是区域码,属性值是汉字 用法例如:CodeToText['110000']输出北京市 TextToCode是个大对象,属性是汉字,属性值是区域码 用法例如:TextToCode['北京市'].code输出110000,TextToCode['北京市'][...
地址级联选择器(element-china-area-data插件) 1.安装 npm install element-china-area-data -S 2.引入 import {regionData, CodeToText, TextToCode} from 'element-china-area-data'; 3.使用 <el-cascader :options="areaSelectData" :change-on-select="true" :clearable="true" :filterable="true"...
在idea中打开终端工具,执行 npm install china-area-data 安装省市区数据,一会儿就好。如下图所示: 4、js代码 参考官方demo依葫芦画瓢,这里举的例子是不带“全部”选项的省市区三级联动 el:'#demo',data:{areaOptions:[],selectedOptions:[]},methods:{add:function(){vue.areaOptions=regionData;},update:fun...
数据来源于element-china-area-data包中的regionData。 验证还原后的数据显示是否正确: 运行上述代码后,你应该能够在页面上看到一个三级联动的选择框,并且能够正确地选择省、市、区。这验证了数据已经被正确地还原并显示在页面上。 希望这个解答能够帮助你理解如何“还原显示”element-china-area-data中的数据。如果你...