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

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

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

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

解决方案:

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

html 复制代码
 <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,
    }
  },                
相关推荐
springfe01012 分钟前
构建大顶堆
前端·算法
陈随易2 分钟前
一行代码,将网页元素变成图片!比 html2canvas 快 93 倍的截图神器来了!
前端·后端·程序员
小桥风满袖3 分钟前
Three.js-硬要自学系列29之专项学习透明贴图
前端·css·three.js
lzdy4 分钟前
TypeScript学习指北
前端
沉香亭北4 分钟前
vueRouter
前端
土豪码农5 分钟前
面试官:怎么禁止用户复制?
前端·javascript·面试
掘金安东尼6 分钟前
🧭 前端周刊第417期(2025年6月2日–6月8日)
前端·javascript·面试
我是若尘6 分钟前
BEM 规范 :前端 CSS 模块化开发之道
前端
日升7 分钟前
AI 组件库-MateChat 快速起步与核心概念
前端·ai编程·trae
bo521007 分钟前
突破性能瓶颈:基于虚拟滚动的大数据需求文档方案——告别卡顿与分页,实现Word级流畅体验
javascript·vue.js