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 = '测试内容';

})

相关推荐
想要成为糕糕手几秒前
JavaScript 异步编程完全指南
javascript·面试·promise
sunny.day2 分钟前
js原型与原型链
开发语言·javascript·原型模式·js原型链
如果超人不会飞5 分钟前
用TinyRobot Bubble组件打造灵活强大的AI对话气泡
前端·vue.js
橘子星5 分钟前
打破串行枷锁:深入理解 JS 同步、异步与 Promise 实战
前端·javascript
如果超人不会飞8 分钟前
新手避坑:使用 TinyRobot 入门阶段常见误区总结
前端·vue.js
渣波10 分钟前
全栈开发的“影分身”之术(mock):别再手动造数据了,你的 CRUD 不配让我等!
前端·javascript
如果超人不会飞11 分钟前
一文读懂 TinyRobot:前端 AI 组件库定位、价值与适用场景
前端·vue.js
如果超人不会飞13 分钟前
用TinyRobot Welcome组件打造贴心的AI助手欢迎页
前端·vue.js
如果超人不会飞15 分钟前
TinyRobot DragOverlay轻松实现AI对话中的拖拽上传
前端·vue.js
如果超人不会飞22 分钟前
TinyRobot Sender打造强大的AI聊天输入体验
前端·vue.js