基于Vue+element UI 的手动创建地区json的三级联动下载

PIPI_333 2018-07-23 05:32:19

基于Vue+element ui+axios的三级联动，手动创建静态的json文件，axios获取json文件，并获取数据
相关下载链接：//download.csdn.net/download/sunshine0508/10559182?utm_source=bbsseo

...全文

281 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

基于Vue+element ui+axios的三级联动，手动创建静态的json文件，axios获取json文件，并获取数据

基于vue和element-ui实现的表单设计器。通过拖拽方式快速生成一个表单页面，表单可以导出json格式,也可以将其他人绘制的表单通过json导入方式进行还原。针对选择性控件（radio，select，checkbox）提供选择后触发调用，支持表达式。对选择性控件支持数据联动功能，通过此功能可以做多级联动。动态表格提供单独的弹框进行填写和编辑。布局方式多样化，提供栅格，表格等多种布局方式。支持表单预览模式，表单内容全部非组件化，全部文本显示。针对选择性控件（radio，select，checkbox）选择后将对应的label进行单独存储，方便展示

适合element ui 的全国城市三级联动json数据，包含编码，{ value: '110000', label: '北京市', children: [{ value: '110100', label: '北京市', children: [ { value: '110101', label: '东城区' }, { value: '110102', label: '西城区' }, { value: '110105', label: '朝阳区' }, { value: '110106', label: '丰台区' }, { value: '110107', label: '石景山区' }, { value: '110108', label: '海淀区' }, { value: '110109', label: '门头沟区' }, { value: '110111', label: '房山区' }, { value: '110112', label: '通州区' }, { value: '110113', label: '顺义区' }, { value: '110114', label: '昌平区' }, { value: '110115', label: '大兴区' }, { value: '110116', label: '怀柔区' }, { value: '110117', label: '平谷区' }, { value: '110118', label: '密云区' }, { value: '110119', label: '延庆区' } ] }] }

本文介绍了vue + elementUI实现省市县三级联动的方法示例，分享给大家，具体如下： 1、首先需要准备省市县json文件，网上有很多可以下载。项目中使用的city.json数据是这样的格式： [ { "value": "110000", "label": "北京市", "children": [ { "value": "110000", "label": "北京市", "children": [ { "value": "110101", "label": "东城区" }, {

适用于element-plus 的 Cascader三级联动地区选择---json数据，

下载资源悬赏专区

13,654

社区成员

12,578,732

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章