Elementui实现省市县三级联动

1，vue下安装 npm install element-china-area-data -S
2，import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'

provinceAndCityData是省市二级联动数据（不带“全部”选项）
regionData是省市区三级联动数据（不带“全部”选项）
provinceAndCityDataPlus是省市区三级联动数据（带“全部”选项）
regionDataPlus是省市区三级联动数据（带“全部”选项）
“全部"选项绑定的value是空字符串”"
CodeToText是个大对象，属性是区域码，属性值是汉字用法例如：CodeToText[‘110000’]输出北京市
TextToCode是个大对象，属性是汉字，属性值是区域码
用法例如：TextToCode[‘北京市’].code输出110000,TextToCode[‘北京市’][‘市辖区’].code输出110100,TextToCode[‘北京市’][‘市辖区’][‘朝阳区’].code输出110105

3，使用例子

<template><div id="app"><el-cascadersize="large":options="options"v-model="selectedOptions"@change="addressChange"></el-cascader></div>
</template><script>import { regionData,CodeToText } from 'element-china-area-data'export default {data () {return {options: regionData,selectedOptions: []}},methods: {addressChange(arr) {console.log(arr);console.log(CodeToText[arr[0]], CodeToText[arr[1]], CodeToText[arr[2]]);},}}
</script>

Elementui实现省市县三级联动相关推荐

jQueryDay04:distpicker省市县三级联动， Layer插件，Laydate插件
目录 0x00 distpicker省市县三级联动如何设置默认值: 如何获取提交的数据: 后台数据回显: 0x01 Layer插件 0x02 Laydate插件 0x00 distpicker省市县 ...
jquery省市县三级联动
Jquery省市县三级联动,数据来源js,无需调用接口可前往本人发布资源<Jquery省市县三级>免积分下载目录效果 html部分 <!DOCTYPE html> < ...
mysql 省市县三级联动查询_省市县三级联动的SQL语句
省市县三级联动的SQL语句无 CREATE TABLE `t_address_province` (`id` INT AUTO_INCREMENT PRIMARY KEY COMMENT '主键', ...
【MySQL】全国省市县三级联动SQL语句—区县SQL(三)
目录 ->区县信息表数据 [MySQL]全国省市县三级联动SQL语句-建表和省份SQL(一)_路遥叶子的博客-CSDN博客全国省市县三级联动SQL语句-建表和省份SQL(一)https://bl ...
mysql 省市县三级联动查询_PHP+AJAX+MYSQL 仿凡客诚品省市县三级联动下拉菜单查询效果...
连接数据库:db.php $dbhost="localhost"; $dbpassword="123"; $dbuser ='root';//数据库用户名 $d ...
JavaScript省市县三级联动-含源代码
目录一.省市县三级联动 1.实现思路 2.实现步骤二.源代码管理 1.HTML显示页面 2.JavaScript核心代码 3.省市县三级地址一.省市县三级联动 1.实现思路 1.创建省市县三级地 ...
php 把省市存入数据库,用JS做了个省市县三级联动效果可存入数据库的值老不对,有代码...
用JS做了个省市县三级联动效果可存入数据库的值老不对,有代码,在线等现在的问题是这样的,当我选好地址后就提交他到数据库中去,可是现在怎么修改提交到数据库中的值都是前面的那些编码,就不是后面的文字.要 ...
JavaScript 省市县三级联动
JavaScript 省市县三级联动 2010-03-16 效果演示省市联动出生地:--请选择省份-- 北京市天津市河北省山西省内蒙古自治区辽宁省吉林省黑龙江省上海市江苏省浙江省安徽省福建省 ...
省市县三级联动插件（面向过程，面向对象两种方式实现）
<div class="city_select"><select id="province"><option value=&quo ...

Elementui实现省市县三级联动

Elementui实现省市县三级联动

Elementui实现省市县三级联动相关推荐

最新文章

热门文章