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

})

相关推荐
小大宇26 分钟前
Vue知识点-ElementPlus-03提示框+询问+通知
前端·javascript·vue.js
前端技术官1 小时前
前端的技术判断力是怎么练出来的?
javascript·web前端·localstorage·debounce·弱网处理
程序员大阳3 小时前
副队长JavaScript教程(60)-BOM 初识:window 对象与浏览器模型
javascript·bom·window对象·浏览器模型
web打印社区3 小时前
Chrome-kiosk-printing能上生产吗
开发语言·前端·javascript·chrome·websocket
潇小墨3 小时前
我给自己造了一个桌面效率助手:剪贴板、截图提单、全盘文件搜索,全都塞进快捷键里
vue.js
志尊宝3 小时前
AI原生前端开发(041):AI辅助的状态管理(Zustand/Pinia)
前端·javascript·ai-native
Geoffwo3 小时前
DSH-SKILL基础
javascript
AI副业搞钱研究所3 小时前
用 12 组正则写一个骗局话术检测器:权重打分、硬红旗保底和高亮区间合并
javascript
程序员大阳3 小时前
副队长JavaScript教程(48)-异常处理基础
javascript·异常处理·finally·catch·try
志尊宝4 小时前
AI原生前端开发(038):AI辅助的Next.js 15全栈开发
javascript·人工智能·ai-native