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

})

相关推荐
江城开朗的豌豆16 小时前
解密React虚拟DOM:我的高效渲染秘诀 🚀
前端·javascript·react.js
江城开朗的豌豆16 小时前
React应用优化指南:让我的项目性能“起飞”✨
前端·javascript·react.js
Asort16 小时前
JavaScript 从零开始(六):控制流语句详解——让代码拥有决策与重复能力
前端·javascript
EMT17 小时前
在 Vue 项目中使用 URL Query 保存和恢复搜索条件
javascript·vue.js
艾小码17 小时前
还在被超长列表卡到崩溃?3招搞定虚拟滚动,性能直接起飞!
前端·javascript·react.js
前端康师傅17 小时前
JavaScript 作用域常见问题及解决方案
前端·javascript
我是日安17 小时前
从零到一打造 Vue3 响应式系统 Day 9 - Effect:调度器实现与应用
前端·vue.js
Mintopia17 小时前
🚀 Next.js 全栈 E2E 测试:Playwright vs Cypress
前端·javascript·next.js
原生高钙17 小时前
JS设计模式指南
前端·javascript
Mintopia17 小时前
⚡ WebAssembly 如何加速 AIGC 模型在浏览器中的运行效率?
前端·javascript·aigc