当前位置: 首页 > article >正文

a-tree-select异步加载回显时显示异常bug

在a-tree-select组件异步加载回显时,treeData是只有第一层数据的,此时如果选择的是子节点的数据,label是匹配不到的。

如何才能让子节点也加载到呢?其实很简单。

第一步,在a-tree-select组件中加两个额外的属性:

:tree-default-expanded-keys="keys"
:open="treeSelectOpen"

这种是不需要前端记录选中节点父子级key集合的,由后端在返回回显数据时生成选中节点的路径。如果节点路由需要由前端记录生成,传由后端保存,则将treeDefaultExpandedKeys属性改为treeExpandedKeys(v-model)属性。

第二步,在js部分声明变量 treeSelectOpen:

const treeSelectOpen = ref(false)

第三步,在js中获取回显数据之后添加下方代码:

treeSelectOpen.value = true
await nextTick()
treeSelectOpen.value = false

至于async的位置,请结合自己代码修改。


http://www.kler.cn/a/400810.html

相关文章:

  • CC工具箱使用指南:【CAD导出界址点Excel】
  • Object.defineProperty和响应式
  • JavaScript 原型
  • 通过 Docker 对 MySQL 做主从复制的时候,因为ip不对导致不能同步。后又因为二进制的偏移量写的不对,导致不能同步的问题
  • 前端处理input框只能输入带小数点的数字
  • Spark分布式计算中Shuffle Read 和 Shuffle Write的职责和区别
  • 大数据-226 离线数仓 - Flume 优化配置 自定义拦截器 拦截原理 拦截器实现 Java
  • .NET架构师学习大纲
  • 无人机动力系统测试-实测数据与CFD模拟仿真数据关联对比分析
  • HTTP 安全头配置:如何配置 HTTP 安全头来保护应用
  • python调用MySql保姆级教程(包会的)
  • 前端算法:树(力扣144、94、145、100、104题)
  • Linux配置yum源练习
  • 学习笔记029——Ubuntu安装Nginx
  • 机器学习——期末复习 重点题归纳
  • 学习笔记022——Ubuntu 安装 MySQL8.0版本踩坑记录
  • 8、watch数据监视
  • Vscode离线安装插件的方法
  • ed by: java.lang.NoClassDefFoundError: android
  • 【redis】—— 环境搭建教程
  • CSS基础知识04
  • [C++]:C++11(一)
  • 基于Java的校园便利平台
  • elasticsearch是如何实现master选举的?
  • Matlab信号处理:短时傅里叶变换
  • Spring Boot汽车世界:资讯与技术的交汇