Vue-TreeSelect组件最下级隐藏No sub-options

ops/2024/11/28 20:22:47/

问题:最下级没有数据的话,去除No sub-options信息

在这里插入图片描述

为什么没下级,会展示这个?

整个树形结构数据都是由后端构造好返回给前端的。默认子类没数据的话,children是一个空数组。也就是因为这最下级的空数组,导致最下级显示这段文字提示。

解决方案:

后端解决,那么如果子类没数据,children给null 空值或去除该属性。
前端解决:直接贴上代码

 <treeselect v-model="form.area" :normalizer="normalizer" :options="areaData" :show-count="true"placeholder="请选择地区" />
javascript">
normalizer (node) {//子类为空,移除掉if (node.children && !node.children.length) {delete node.children}//这个如果不需要映射,直接返回node即可return {id: node.code,label: node.label,children: node.children,}},                

http://www.ppmy.cn/ops/137462.html

相关文章

scala模式匹配

object test47 {def main(args: Array[String]): Unit {val id"445646546548858548648"//取出id前两位val provinceid.substring(0,2) // println(province) // if (province"42"){ // println("湖北") // }else if(province&quo…

结构方程模型(SEM)入门到精通:lavaan VS piecewiseSEM、全局估计/局域估计;潜变量分析、复合变量分析、贝叶斯SEM在生态学领域应用

目录 第一章 夯实基础 R/Rstudio简介及入门 第二章 结构方程模型&#xff08;SEM&#xff09;介绍 第三章 R语言SEM分析入门&#xff1a;lavaan VS piecewiseSEM 第四章 SEM全局估计&#xff08;lavaan&#xff09;在生态学领域高阶应用 第五章 SEM潜变量分析在生态学领域…

python简单算法

冒泡 def boll(lis):i 0while i<len(lis)-1:j 0while j<len(lis)-1-i:if lis[j] > lis[j1]:lis[j],lis[j 1] lis[j1],lis[j]j1i1选择排序 def selct1(lit):i 0while i<len(lit)-1:j i1min1 iwhile j < len(lit):if lit[j] < lit[min1]:min1 jj 1li…

HTML、CSS

HTML、CSS 什么是HTML、CSS? HTML(HyperText Markup Language):超文本标记语言 超文本&#xff1a;超越了文本的限制&#xff0c;比普通文本更加强大。除了文字信息&#xff0c;还可以定义图片、音频、视频等内容标记语言&#xff1a;由标签构成的语言HTML标签都是预定义好的…

Linux介绍与安装指南:从入门到精通

1. Linux简介 1.1 什么是Linux&#xff1f; Linux是一种基于Unix的操作系统&#xff0c;由Linus Torvalds于1991年首次发布。Linux的核心&#xff08;Kernel&#xff09;是开源的&#xff0c;允许任何人自由使用、修改和分发。Linux操作系统通常包括Linux内核、GNU工具集、图…

Python 中的 Lxml 库与 XPath 用法

Python 中的 Lxml 库与 XPath 用法 Python 中的 Lxml 库与 XPath 用法Lxml安装 Lxml基础用法加载文档解析与查询创建新的 XML/HTML 高级特性1. 复杂的 XPath 查询2. DTD 和 Schema 验证3. XSLT 变换4. 自定义命名空间5. 异常处理6. 大文件流式处理7. 并发和线程安全性8. 性能优…

鸿蒙NEXT开发案例:文字转拼音

【引言】 在鸿蒙NEXT开发中&#xff0c;文字转拼音是一个常见的需求&#xff0c;本文将介绍如何利用鸿蒙系统和pinyin-pro库实现文字转拼音的功能。 【环境准备】 • 操作系统&#xff1a;Windows 10 • 开发工具&#xff1a;DevEco Studio NEXT Beta1 Build Version: 5.0.…

Spring Boot的JdbcTemplate实现“不存在即插入,存在即更新”

在 Java 中实现【不存在即插入&#xff0c;存在即更新】 INSERT ... ON DUPLICATE KEY UPDATE Spring Boot 的 JdbcTemplate 实现 INSERT ... ON DUPLICATE KEY UPDATE 如果你使用的是 Spring Boot 的 JdbcTemplate&#xff0c;可以这样实现&#xff1a; 代码示例 Autowire…