回显 答案 时渲染dom报错问题:
动态绑定每题的答案 修改文字样式后切换报错
解决办法: 在动态切换答案回显的同时删除 wangEditor 的实例然后异步重新创建一遍进行回显
代码片段:
1<template v-for="(item, index) in topicData.detail" :key="item"><div @click="clickRadioBtnHandler(item, index)" class="tabsItem" :class="index === curTabsIndex && 'tabsItemActive'">{{ item.name }}</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" />const flag = ref<boolean>(true)const clickRadioBtnHandler = (item: any, index: number) => { curTabsIndex.value = index examStore.getSmallDetailsAction(item.id)
个人笔记记录 2021 ~ 2025