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

相关推荐
Live0000017 分钟前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
柳杉17 分钟前
使用Ai从零开发智慧水利态势感知大屏(开源)
前端·javascript·数据可视化
兆子龙28 分钟前
从高阶函数到 Hooks:React 如何减轻开发者的心智负担(含 Demo + ahooks 推荐)
前端
狗胜33 分钟前
测试文章 - API抓取
前端
三小河33 分钟前
VS Code 集成 claude-code 教程:告别海外限制,无缝对接国内大模型
前端·程序员
jerrywus38 分钟前
前端老哥的救命稻草:用 Obsidian 搞定 Claude Code 的「金鱼记忆」
前端·agent·claude
球球pick小樱花43 分钟前
游戏官网前端工具库:海内外案例解析
前端·javascript·css
前端Hardy1 小时前
干掉 Virtual DOM?尤雨溪开始"强推" Vapor Mode?
vue.js·vue-router
用户60572374873081 小时前
AI 编码助手的规范驱动开发 - OpenSpec 初探
前端·后端·程序员