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

相关推荐
海云前端10 分钟前
前端写简历有个很大的误区,就是夸张自己做过的东西。
前端
葡萄糖o_o19 分钟前
ResizeObserver的错误
前端·javascript·html
AntBlack21 分钟前
Python : AI 太牛了 ,撸了两个 Markdown 阅读器 ,谈谈使用感受
前端·人工智能·后端
MK-mm39 分钟前
CSS盒子 flex弹性布局
前端·css·html
小小小小宇1 小时前
CSP的使用
前端
sunbyte1 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | AnimatedNavigation(动态导航)
前端·javascript·vue.js·tailwindcss
ifanatic1 小时前
[每周一更]-(第147期):使用 Go 语言实现 JSON Web Token (JWT)
前端·golang·json
烛阴1 小时前
深入浅出地理解Python元类【从入门到精通】
前端·python
米粒宝的爸爸1 小时前
uniapp中vue3 ,uview-plus使用!
前端·vue.js·uni-app
JustHappy2 小时前
啥是Hooks?为啥要用Hooks?Hooks该怎么用?像是Vue中的什么?React Hooks的使用姿势(下)
前端·javascript·react.js