关于Elemet-ui组件Cascader中proper的配置问题

最近做一个地区的二级联动用上了Cascader组件，但是我的城市数据结构跟他 options的默认的结构不太一样；

默认的结构如下：

我的数据结构是：

先说我的解决办法：

一看我的数据结构跟他默认的数据结构不对劲，我这暴脾气上去直接就修改我的数据结构，代码如下：

上去就是一套递归函数给他整明白了，但是仔细想想好像不太对劲，科技都这么发达了怎么会用这么复杂的方法呢？

然后就仔细研究了一下文档，发现他还有一个proper属性如下：

官方文档简单的说了一下，但是没有例子是不是很模糊？

那我就给大家写一个例子嘿嘿！！！

例子代码如下：

:props="{value:'text',label:'text',children:'children'}"

　　搞定了！！！能学到点东西是真开心啊O(∩_∩)O

转载于:https://www.cnblogs.com/zshno1/p/10759315.html

关于Elemet-ui组件Cascader中proper的配置问题相关推荐

Henry前端笔记之 UI组件库中table与slot相关理解
Henry前端笔记之 UI组件库中table与slot相关理解作用域插槽: 解构赋值基础:https://developer.mozilla.org/zh-CN/docs/Web/JavaScrip ...
iView 发布 1.0 正式版，43 个 UI 组件助力中后台业务开发
时隔半年多,iView 终于迎来了它的第一个正式版本 1.0.0,到目前版本,已经有 43 个常用 UI 组件,从功能和设计上,是最接近 Ant.Design 的 Vue.js 实现. 关于 iVie ...
饿了么UI组件库中，Image组件预览图片错位的解决
使用过elementUI组件库中的Image组件基本都知道,其组件会自带一个图片预览功能,仅需要通过preview-src-list传入需要预览的图片url列表即可实现点击预览. 博主使用了此功能,进 ...
VUE UI 组件 Element 中分页的使用
从17:00到20:30 与分页战斗正在清算战利品 >>>>> 分页属性 <div class="block newsPage">< ...
封装html ui 控件,聊聊前端 UI 组件：组件设计
本文首发于欧雷流.由于我会时不时对文章进行补充.修正和润色,为了保证所看到的是最新版本,请阅读原文. 在本系列文章<聊聊前端 UI 组件:组件体系>中初步说明了 UI 组件的架构设计,本文 ...
Vue移动端UI组件库
1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约. 中文文档 | github地址 | 在线预览 image 2. vux ...
ActionScript工程如何使用Flash CS的fl包中的UI组件(转)
最近在看ActionScript 3.0 设计模式,书中的例子都是在Flash CS3中开发和测试通过的.我用的开发环境是Flex 3,我新建了一个ActionScript 项目,需要使用fl组件包. ...
【鸿蒙 HarmonyOS】Ability 中使用纯代码绘制布局及 UI 组件
文章目录一.Ability 与 Slice 简介二.Ability 中使用纯代码绘制布局及 UI 组件三.Ability 中使用纯代码绘制布局及 UI 组件代码示例四.GitHub 地址一. ...
spring aop组件_安全性中的Spring AOP –通过方面控制UI组件的创建
spring aop组件以下文章将显示在我参与的一个项目中,我们如何使用Spring的AOP来介绍一些与安全性相关的功能. 这样的概念是,为了使用户能够看到某些UI组件,他需要具有一定级别的安全特权 ...

关于Elemet-ui组件Cascader中proper的配置问题

关于Elemet-ui组件Cascader中proper的配置问题相关推荐

最新文章

热门文章