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,
    }
  },                
相关推荐
竹林81813 分钟前
从零到一:我在Solana NFT铸造前端中搞定@solana/web3.js连接与交易
前端·javascript
猪八宅百炼成仙14 分钟前
不用点击也能预览图片:Element UI ImageViewer 命令式调用方案
前端
尘世中一位迷途小书童19 分钟前
前端工程化基石:package.json 40+ 字段逐一拆解
前端·javascript·架构
OpenTiny社区26 分钟前
WebMCP + WebSkills:企业级智能化页面操控方案,兼顾隐私安全与高效落地!
前端·ai编程·mcp
酉鬼女又兒31 分钟前
零基础快速入门前端JavaScript四大核心内置对象:Math、Date、String、Array全解析(可用于备赛蓝桥杯Web应用开发)
前端·javascript·css·蓝桥杯·前端框架·js
__sgf__35 分钟前
ES11(ES2020)新特性
前端·javascript
__sgf__1 小时前
ES8(ES2017)新特性
前端·javascript
__sgf__1 小时前
ES9(ES2018)新特性
前端·javascript
送鱼的老默1 小时前
学习笔记--vue3 watchEffect监听的各种姿势用法和总结
前端·vue.js
你挚爱的强哥1 小时前
解决:动态文本和背景色一致导致文字看不清楚,用js获取背景图片主色调,并获取对比度最大的hex色值给文字
前端·javascript·github