Vue3 中el-tree-select使用中遇到的一些问题

复制代码
 <el-tree-select
                  v-model="userFormParams.deptId"
                  :data="deptTree.data"
                  placeholder="请选择"
                  filterable
                  autocomplete="off"
                  aria-autocomplete="none"
                  :render-after-expand="false"
              >
              </el-tree-select>

1、控制台报错。Invalid prop: type check failed for prop "data". Expected Array, got Object

解决:排查deptTree.data赋值是否赋值成非数组类型。定义的时候注意不要定义成{},否则也会报错。

2、v-model传递进去,input上显示的是value信息,而非label信息

解决::render-after-expand="false"一定要加上,否则在value为非一级选择时会出现显示value而非label信息。

相关推荐
CCIE-Yasuo9 小时前
网络安全-Javascript基础
javascript·安全·web安全
January12079 小时前
【AI方法笔记】2026-11-02:模型流式吐 JSON 时,前端会遇到四种崩法
前端·人工智能·笔记·json
asdzx6710 小时前
C# 操作 PDF 元数据:从属性写入到字段提取的完整流程
前端·pdf·c#
幻境如梦丶皆为虚10 小时前
从零写一个 DSH 插件:在左侧菜单栏加一个「测试」
开发语言·javascript·ecmascript
吹什么轩10 小时前
constexpr 完全指南:从 const 的两种含义,到编译期计算的四次演进
java·前端·javascript
小蒜学长10 小时前
基于SpringBoot+Vue的云南地区扶贫助农系统的设计与实现(代码+数据库+LW)
java·vue.js·spring boot·后端·乡村振兴
Bruce_Liuxiaowei10 小时前
前端校验登录态,等于没校验——一次应急广播终端高危漏洞的发现与报送
运维·前端·安全
Meta Luo10 小时前
AI 时代,Web 自动化测试该怎么做?
前端·人工智能·playwright 替代工具·无代码自动化测试工具·低代码 ui 自动化测试·web 回归测试工具
去伪存真11 小时前
AI Agent 性能评估指标与自动化测试落地方案
前端·agent
MaAidan11 小时前
用 Agent 排查线上问题:SLS 日志分析 + DB/Redis 数据验证,一条链路搞清楚
前端·bootstrap·html