Vue Elements 可用的省市县数据

数据： https://github.com/KyleBing/province-json-for-element

一、文件说明

province-element.json 格式化的数据 381kb
province-element-min.json 除去换行、空格的数据 175kb

二、例子

Element Cascader 使用实例

<el-cascader :options="provinceData"/>

import provinceElement from 'province-element-min.json'export default {name: "ProvinceData",data() {provinceElement}
}

三、如何从 ProvinceJson 到 Element 可用数据

import provinceJson from 'ProvinceJson.json'this.provinceData = provinceJson.map(province => {return {value: province.name,label: province.name,children: province.city.map(city => {return {value: city.name,label: city.name,children: city.area.map(area => {return {value: area,label: area,}})}})}})

Vue Elements 可用的省市县数据相关推荐

vue源码之响应式数据
分析vue是如何实现数据响应的. 前记现在回顾一下看数据响应的原因. 之前看了vuex和vue-i18n的源码, 他们都有自己内部的vm, 也就是vue实例. 使用的都是vue的响应式数据特性及$w ...
Vue项目中v-for无法渲染数据
在Vue项目中,我们想要实现下面的布局效果后端返回的数据格式如下,可以看出产品列表五张图的数据位于同一个数组中而我的html结构如下: 我希望直接渲染左边一张大图,然后右边的四张小图通过v-for ...
vue.js中mock本地json数据
vue.js中mock本地json数据新版本的vue项目中已经将dev-server.js,dev-client.js两个js文件合并到了webpack.dev.conf.js文件中,以下分别是新旧 ...
vue动态生成下拉框_解决vue动态下拉菜单有数据未反应的问题
问题出现在当时后台数据会返回到data中但是没有出现下拉菜单,查询资料发现 Vue的this理解有误 jsp 下拉菜单 {{item.plantModelName}} JS new Vue({ el ...
vue路由参数改变，组件数据没重新更新问题
最近一段时间在用vue做项目,遇到一个很纠结的问题,本来是两个页面样式结构相似,就是数据不同,所以在router里面配置了一个id参数,发现vue路由参数改变,组件数据没重新更新,查了一下官方文档,发 ...
全国三级地区(省市县)数据表设计
全国三级地区(省市县)数据表设计 2020年1月15日最近因为工作需要,需要设计全国地区的三级联动,我也查了不少前端实现方式不过都有些过时,一些地区的更新和变动后,这些实现方式并没跟着变动,所以我 ...
vue+vuex+axios从后台获取数据存入vuex，组件之间共享数据
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据在vue项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话,有必要考虑引入vuex来管理这些凌乱的状态,今 ...
探讨Vue 数据监测原理-第五节-展开介绍 Vue中监测-【数组】数据的原理
文章目录探讨一下Vue 数据监测的原理本次探讨共的第五个章节第五节:展开介绍 Vue中监测-[数组]数据的原理 1. 案例 1.1. 页面案例 2. 数组形式|对象形式爱好的区别 2.1. 页面 ...
vue-cli快速构建vue项目和本地模拟请求数据
Vue-cli快速构建 Vue 项目和本地模拟请求数据 1 前提: 安装了 node.js 首先: 全局安装 vue-cli npm intsall vue-cli -g (-g代表全局安装) 2 使 ...
vue 孙子组件获取祖先组件数据
vue 孙子组件获取祖先组件数据 1.概述在vue项目开发中,如果逻辑比较复杂或者页面的内容较多时,通常会使用组件化开发页面.这个时候一般都是父子组件,两层就够了.使用props和emit方式父子组 ...

Vue Elements 可用的省市县数据

Vue Elements 可用的省市县数据

一、文件说明

二、例子

三、如何从 ProvinceJson 到 Element 可用数据

Vue Elements 可用的省市县数据相关推荐

最新文章

热门文章