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 小时前
Element UI MessageBox 增加第三个按钮(DOM Hack 方案)
前端·javascript·vue.js
小沐°1 小时前
vue-设置不同环境的打包和运行
前端·javascript·vue.js
Irene19912 小时前
Vue3 <Suspense> 使用指南与注意事项
vue.js·suspense
qq_419854052 小时前
CSS动效
前端·javascript·css
南村群童欺我老无力.3 小时前
Flutter应用鸿蒙迁移实战:性能优化与渐进式迁移指南
javascript·flutter·ci/cd·华为·性能优化·typescript·harmonyos
花哥码天下3 小时前
恢复网站console.log的脚本
前端·javascript·vue.js
北辰alk3 小时前
Vue 的 nextTick:破解异步更新的玄机
vue.js
北辰alk3 小时前
Vue 技巧揭秘:一个事件触发多个方法,你竟然还不知道?
vue.js
北辰alk3 小时前
Vue 中 computed 和 watch 的深度解析:别再用错了!
vue.js
奔跑的呱呱牛4 小时前
geojson-to-wkt 坐标格式转换
javascript·arcgis