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

})

相关推荐
AGMTI25 分钟前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript
码界奇点37 分钟前
基于SpringBoot+Vue的前后端分离外卖点单系统设计与实现
vue.js·spring boot·后端·spring·毕业设计·源代码管理
不吃香菜的猪1 小时前
使用@vue-office/pdf时,pdf展示不全
javascript·vue.js·pdf
wuhen_n1 小时前
TypeScript的对象类型:interface vs type
前端·javascript·typescript
css趣多多1 小时前
props,data函数,computed执行顺序
前端·javascript·vue.js
一个不称职的程序猿1 小时前
构建优雅的 Vue.js 表情包选择器:一个功能丰富且可定制的 Emoji Picker 组件
前端·javascript·vue.js
无风听海1 小时前
AngularJS中$q.when()的用法
javascript·ecmascript·angular.js
Amumu121382 小时前
Vue核心(二)
前端·javascript·vue.js
墨轩尘2 小时前
qiankun的简单使用
前端·vue.js·前端框架
2501_944424123 小时前
Flutter for OpenHarmony游戏集合App实战之记忆翻牌配对消除
android·java·开发语言·javascript·windows·flutter·游戏