Vue使用wangEditor富文本编辑器报错(ot find a descendant at path [0,1] in node: {“children“:[{“type“:“paragraph)

 回显 答案 时渲染dom报错问题：

动态绑定每题的答案 修改文字样式后切换报错

 解决办法: 在动态切换答案回显的同时删除 wangEditor 的实例然后异步重新创建一遍进行回显

 代码片段:

<template>
<div class="tabsBox"><template v-for="(item, index) in topicData.detail" :key="item"><div @click="clickRadioBtnHandler(item, index)" class="tabsItem" :class="index === curTabsIndex && 'tabsItemActive'">{{ item.name }}</div></template>
</div><div v-if="stObj.length && flag"><Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" mode="default" /><Editor style="overflow-y: hidden" v-model="stObj[curTabsIndex].content" :defaultConfig="editorConfig" mode="default" @onCreated="handleCreated" @onChange="handleChange" /></div>
</template><script lang="ts" setup>const flag = ref<boolean>(true)const clickRadioBtnHandler = (item: any, index: number) => {flag.value = falsecurTabsIndex.value = indexexamStore.getSmallDetailsAction(item.id)nextTick(() => {flag.value = true})
}</script>