vue3:wangEditor使用过程中,点击编辑回显数据的问题修复.

问:

当点击编辑按钮,调用edit编辑接口请求数据的时候,弹框中其他数据都是接口返回的,只有详情输入框使用的是wangEditor,后端接口有数据但是前端却又时候可以正常渲染有时候无法渲染,请问为什么怎么解决?

回答:

增加下面这部分代码:

// 新增：当编辑器实例存在时，手动设置内容

if (editorRef.value) {

  editorRef.value.setHtml(newVal)

}

 { immediate: true } // 增加立即执行

immediate: true 的作用：在组件挂载时立即执行一次回调，处理初始值

editor.setHtml() 的必要性：wangEditor 的 v-model 在初始化后不会自动同步外部数据变化，需要手动更新

编辑器实例检查：确保在编辑器创建完成后再操作 DOM