vue3使用element plus树形选择器懒加载回显失败问题。

vue3使用element plus树形选择器懒加载回显时树形数据还未加载完成,回显时显示的的绑定值,不是要显示的名称。

解决1:不使用懒加载,一次性将数据返回完成

解决2:编辑回显时,拿到要显示的中文强制修改显示内容。

//强制反显懒加载树形内容

nextTick(() => {

const _input = formRef.value.querySelector('#menu-path .el-form-item__content .el-select:first-child .el-input__inner');

if(!_input) return;

_input.value = '测试内容';

})

相关推荐
吴声子夜歌1 分钟前
Vue3——组件基础
前端·javascript·vue.js
Southern Wind9 分钟前
Vue 3 + Socket.io 实时聊天项目完整开发文档
前端·javascript·vue.js
甄心爱学习11 分钟前
【项目实训(个人4)】
前端·vue.js·python
qq_4198540513 分钟前
clip-path绘制倾斜角裁剪的矩形占比条;基于svg实现仪表盘弧线占比图。
前端·javascript·vue.js
神明不懂浪漫31 分钟前
【第一章】HTML(一)——HTML简述及常用标签
前端·javascript·css·html·css3
英俊潇洒美少年44 分钟前
React18 Hooks 项目重构为 Vue3 组合式API的坑
前端·javascript·重构
zs宝来了1 小时前
Vite 构建原理:ESBuild 与模块热更新
前端·javascript·框架
英俊潇洒美少年4 小时前
Vue2/Vue3 vue-i18n完整改造流程(异步懒加载+后端接口请求)
前端·javascript·vue.js
空中海10 小时前
第七章:vue工程化与构建工具
前端·javascript·vue.js
zhensherlock10 小时前
Protocol Launcher 系列:Trello 看板管理的协议自动化
前端·javascript·typescript·node.js·自动化·github·js