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信息。

相关推荐
speedoooo12 分钟前
在现有App里嵌入一个AI协作者
前端·ui·小程序·前端框架·web app
全栈胖叔叔-瓜州24 分钟前
关于llamasharp 大模型多轮对话,模型对话无法终止,或者输出角色标识User:,或者System等角色标识问题。
前端·人工智能
三七吃山漆31 分钟前
攻防世界——wife_wife
前端·javascript·web安全·网络安全·ctf
用户479492835691535 分钟前
面试官问"try-catch影响性能吗",我用数据打脸
前端·javascript·面试
GISer_Jing1 小时前
前端营销技术实战:数据+AI实战指南
前端·javascript·人工智能
GIS之路1 小时前
使用命令行工具 ogr2ogr 将 CSV 转换为 Shp 数据(二)
前端
嘉琪0012 小时前
Vue3+JS 高级前端面试题
开发语言·前端·javascript
vipbic2 小时前
用 Turborepo 打造 Strapi 插件开发的极速全栈体验
前端·javascript
天涯学馆2 小时前
为什么 JavaScript 可以单线程却能处理异步?
前端·javascript
Henry_Lau6173 小时前
主流IDE常用快捷键对照
前端·css·ide