vue3 父组件传子组件 wangeditor V5 动态加载数据

父组件定义数据需用 shallowRef只处理基本数据类型的响应式, 不进行对象的响应式处理

子组件用官方案例重置内容

import { SlateTransforms } from '@wangeditor/editor'

// 全选
editor.select([])
// 删除选中内容
editor.deleteFragment()
// 插入自己的内容
SlateTransforms.insertNodes(editor, [
  { type: 'paragraph', children: [{ text: '你的文章内容1' }] },
  { type: 'paragraph', children: [{ text: '你的文章内容2' }] }
])
// 删除第一个空行（按需）
SlateTransforms.removeNodes(editor, { at: [0] })