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,
    }
  },                
相关推荐
guhy fighting14 分钟前
x-www-form-urlencoded,form-data,raw 表单请求格式的区别
前端·表单请求格式
李明卫杭州22 分钟前
Vue2 与 Vue3 自定义指令详解:钩子变化、迁移指南与实战示例
前端·javascript·vue.js
问商十三载29 分钟前
大模型GEO内容更新频率:3个节奏规律提收录权重,零成本提30%引用率附更新计划表
前端·人工智能·机器学习
yingyima29 分钟前
sed 命令速查手册:从一次午夜事故说起
前端
七月丶34 分钟前
线上出 Bug,你还在让用户"清一下缓存"?我用一个插件让每个请求自报版本
前端·javascript·面试
飘尘38 分钟前
让AI能够预演现实的世界模型,到底是什么?
前端·人工智能
不简说38 分钟前
JS 代码技巧 vol.3 — 10 个防抖节流深挖,小白到老炮的踩坑路
前端·javascript·面试
小智社群1 小时前
VR漫游视频完整版
前端·javascript·音视频
小程故事多_802 小时前
拆解SOP+ReAct对话Agent,告别硬编码,解锁智能对话的柔性迭代能力
前端·人工智能·react.js·前端框架
lzjava20242 小时前
LangChain Prompt提示词工程
前端·langchain·prompt