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

相关推荐
专注API从业者3 分钟前
基于 Node.js 的淘宝 API 接口开发:快速构建异步数据采集服务
大数据·前端·数据库·数据挖掘·node.js
前端无冕之王5 分钟前
一份兼容多端的HTML邮件模板实践与详解
前端·css·数据库·html
啃火龙果的兔子10 分钟前
js获取html元素并设置高度为100vh-键盘高度
javascript·html·计算机外设
再学一点就睡1 小时前
深入理解 Redux:从手写核心到现代实践(附 RTK 衔接)
前端·redux
天天进步20152 小时前
从零到一:现代化充电桩App的React前端参考
前端·react.js·前端框架
柯南二号3 小时前
【大前端】React Native Flex 布局详解
前端·react native·react.js
龙在天3 小时前
npm run dev 做了什么❓小白也能看懂
前端
hellokai4 小时前
React Native新架构源码分析
android·前端·react native
li理4 小时前
鸿蒙应用开发完全指南:深度解析UIAbility、页面与导航的生命周期
前端·harmonyos
去伪存真5 小时前
因为rolldown-vite比vite打包速度快, 所以必须把rolldown-vite在项目中用起来🤺
前端