首页 > 其他 > 详细

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

时间:2019-04-23 22:09:47      阅读:150      评论:0      收藏:0      [点我收藏+]

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

默认的结构如下:

技术分享图片

我的数据结构是:

技术分享图片

先说我的解决办法:

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

技术分享图片

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

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

技术分享图片

 

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

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

例子代码如下:

技术分享图片

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

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

 

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

原文:https://www.cnblogs.com/zshno1/p/10759315.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!