首页 > 其他分享 >element 的 el-cascader 控件,去掉空子集

element 的 el-cascader 控件,去掉空子集

时间:2023-10-11 11:33:13浏览次数:35  
标签:控件 columnId el element cascader data children

后端返回的树结构数据:

 

template:
<el-cascader v-model="ruleForm.columnAll" :options="allColumnData" :props="{ value: 'columnId', label: 'columnName', children: 'children' }" />
  methods:
// 获取栏目树列表集合
getColumnTrees() {
    this.ruleForm.columnId = parseInt(this.$route.query.columnId);
    this.allColumnData = [];
    getColumnTree().then(res => {
        this.allColumnData = this.getTreeData(res.data);
    }).catch(_ => {

    })
},
getTreeData(data) {
    // 循环遍历json数据
    for (var i = 0; i < data.length; i++) {
        if (data[i].children.length == 0) {
            data[i].children = undefined;
        }
    }
    return data;
},

 

 

 

标签:控件,columnId,el,element,cascader,data,children
From: https://www.cnblogs.com/moguzi12345/p/17756683.html

相关文章

  • 关于微信小程序VM22:2 (in promise) MiniProgramError {“errMsg“:“hideLoading:fai
    参考地址:https://blog.csdn.net/qq_41227106/article/details/108465104 出现错误的原因如下1、是微信小程序2、把请求接口统一封装,开始请求接口时showLoading,请求接口后hideLoading3、一个页面同时请求多个接口,由于请求是异步的,很有可能上一个开启了showLoading还没请求完......
  • 在敏捷项目管理中,开发人员(Developers)的职责
    ​在Scrum敏捷开发中,开发人员(Developers)是Scrum团队中最重要的角色之一,负责产品的开发和交付,其重要性不言而喻。那开发人员的职责和需要参加的活动是什么呢?Developers核心职责:承诺并完成Sprint的目标。全权负责Sprint目标的实现,包括工作任务的规划、技术方案的确定,确保符合交......
  • A Lightweight Method for Modeling Confidence in Recommendations with Learned Bet
    ALightweightMethodforModelingConfidenceinRecommendationswithLearnedBetaDistributions论文阅读笔记摘要​ 大多数推荐系统并不提供对其决策信心的指示。因此,他们不区分确定的建议和不确定的建议。现有的RecSys置信方法要么是不准确的启发式,要么是在概念上复杂,因......
  • winform-RichTextBox控件(有格式文本控件)
    RichTextBox控件用于显示、输入和操作带有格式的文本   除了执行TextBox控件的所有功能外,还可以显示字体、颜色和链接 1、在RichTextBox控件中显示滚动条  2、在RichTextBox控件中设置字体属性 3、将RichTextBox控件显示为超链接样式 4、在RichTextBox控件......
  • SAP MM MIGO界面中的Delete按钮
    SAPMMMIGO界面中的Delete按钮1,如下采购订单号4500001248行项目个数是9个。2,执行MIGO事务代码,对该采购订单执行收货.采购订单中9个行项目,这次我只对部分ITEM收货,选好了几个需要收货的行项目,点击'DELETE'按钮(该按钮名字全称是'删除未确定的行’/’DeleteLinesW/oOK’),界面上只保留......
  • Vue3 + Electron
    https://www.electronjs.org/https://www.electron.build/1.创建一个vue3项目可参考之前的笔记2.安装Electron$npminstallelectron-D$npminstallvite-plugin-electron-D根目录下新建electron/index.ts,修改vite.config.ts配置文件//vite.config.tsimport{......
  • jquery取redio、checkbox、select的值
    从jQuery1.3开始,前导的@符号已经被废除redio//取值varitem=$("input[name=radio_name]:checked").val();或$("input[name='radio_name']:checked").val();或$("[name='radio_name'][checked]").......
  • 在shell脚本的解析简单的json封装数据
    !/bin/bash执行curl请求并保存结果response=$(curl-shttp://10.190.107.156:8090/odsDown/rySyncUsserAndDept)response的json格式=使用awk解析数据并获取code字段的值code=$(echo$response|awk-F'"code":''{print$2}'|awk-F'[,}]''{pri......
  • P7782 「MCOI-Zero / AC6-M03」 Sipli Field
    P7782「MCOI-Zero/AC6-M03」SipliField更好的阅读体验单log淀粉做法。回想正常淀粉计算的是树上的路径问题,但题目中要求计算经过每个点的答案,这样我们选取重心后一棵子树对另一棵子树的答案就会少算,所以我们淀粉时不仅要算根的答案,也要考虑子树间的相互贡献。首先以根......
  • 单机版 ElasticSearch 和 Kibana 快速搭建
    ElasticSearch是一款底层是基于lucene实现,功能强大的搜索引擎中间件,也可以认为ElasticSearch是一款NoSql数据库。每一种NoSql数据库的诞生,都是为了解决传输关系型数据库无法解决的问题,ElasticSearch能够从海量数据中快速找到所需要的内容,专注于搜索、分析和计算。Kibana......