当前位置: 首页 > news >正文

element ui级联选择器数据处理

后端同事返回的级联选择器数据的children是childrens,而组件渲染只识别children,所以需要props自定义传入,代码如下

<el-form-item label="应用页面:" prop="appId"><el-cascader:props="{ children: 'childrens' }":options="options"v-model="formData.appId"clearable@change="handleChangecasca2"></el-cascader></el-form-item>

因为后端同事最后一层对象也返回了children,但是数据是空,这时候级联的最后一层就没法选择,所以需要将最后一层对象的children设置为undefine,这样子就可以选了

this.getTreeData(this.options); //传入数据处理

	// 递归判断列表,把最后的children设为undefinedgetTreeData(data) {for (var i = 0; i < data.length; i++) {if (data[i].childrens.length < 1) {// children若为空数组,则将children设为undefineddata[i].childrens = undefined;} else {// children若不为空数组,则继续 递归调用 本方法this.getTreeData(data[i].childrens);}}return data;},
http://www.lryc.cn/news/154833.html

相关文章:

  • zookeeper-3.6.4集群搭建
  • 15种下载文件的方法文件下载方法汇总超大文件下载
  • Windows安装配置Rust(附CLion配置与运行)
  • 【ROS】例说mapserver静态地图参数(对照Rviz、Gazebo环境)
  • 【RapidAI】P0 项目总览
  • 初识c++
  • 【面试经典150题】跳跃游戏Ⅱ
  • 20230831-完成登录框的按钮操作,并在登录成功后进行界面跳转
  • 039 - sql逻辑操作符
  • DbLInk使用
  • 2.3 Vector 动态数组(迭代器)
  • 【ES6】Proxy的高级用法,实现一个生成各种 DOM 节点的通用函数dom
  • 气象站是什么设备?功能是什么?
  • 227. 基本计算器 II Python
  • python中字典常用函数
  • leetcode88合并两个有序数组
  • Ceph入门到精通-Nginx 大量请求 延迟优化
  • Vulnstack----5、ATTCK红队评估实战靶场五
  • QT 5.8
  • AIGC+思维导图:提升你的学习与工作效率的「神器」
  • javaScript:DOM元素的获取(静态/动态获取)
  • 数据结构前言
  • Docker基于alpine带glibc的小型容器image
  • Nginx教程
  • 直播预约|哪吒汽车岳文强:OEM和Tier1如何有效对接网络安全需求
  • hiveserver2经常挂断的原因
  • openeuler 23.03 安装mysql 8.X
  • 网络安全—0基础学习笔记(黑客)
  • react HashRouter 与 BrowserRouter 的区别及使用场景
  • 痞子衡嵌入式:恩智浦i.MX RT1xxx系列MCU硬件那些事(2.3)- 串行NOR Flash下载算法(J-Link工具篇)