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

相关推荐
阿珊和她的猫2 分钟前
Webpack 动态引入的实现原理与应用
前端·webpack·node.js
小粉粉hhh3 分钟前
记录前端菜鸟的日常——Pdf.js与双指缩放
前端·javascript·pdf
ok0607 分钟前
Chrome 小工具: 启动本地应用 (Native messaging)
前端·chrome
求梦8208 分钟前
前端基础三剑客
前端
pas13613 分钟前
27-mini-vue provide-inject
前端·javascript·vue.js
_UMR_14 分钟前
前端Vue开发环境搭建(安装Node.js)
前端·vue.js·node.js
天空属于哈夫克316 分钟前
企业微信实现外部群消息的主动推送?
前端·chrome·企业微信
咬人喵喵16 分钟前
16 类春节核心 SVG 交互方案拆解(E2 编辑器实战)
前端·css·编辑器·交互·svg
李永吉20 分钟前
一款便捷的npm源管理工具nrm
前端·npm·node.js
h_jQuery21 分钟前
vue项目中使用canvas实现手写文字(批注)功能
开发语言·前端·javascript