汉字 显示

src/views/exercise_questions/preview/ChinesePreview.vue

@@ -230,6 +230,7 @@ export default {
   methods: {
     // 初始化数据
     handleData() {
+      this.show_preview = false;
       this.writer_number = this.data.property.tian_number ? Number(this.data.property.tian_number) : 8;
       let option_list = JSON.parse(JSON.stringify(this.data)).option_list;
       option_list.forEach((item) => {

src/views/exercise_questions/preview/components/common/Strockplayredline.vue

@@ -5,7 +5,7 @@
     </div>
     <div class="character-target-box">
       <SvgIcon icon-class="hanzi-writer-bg" class="character-target-bg" />
-      <div :id="targetDiv" class="character-target-div"></div>
+      <div :id="targetDiv" class="character-target-div" :ref="targetDiv"></div>
     </div>
   </div>
 </template>
@@ -63,6 +63,12 @@ export default {
   methods: {
     initHanziwrite() {
       let _this = this;
+      if (this.$refs[this.targetDiv]) {
+        let svg_arr = this.$refs[this.targetDiv].querySelectorAll('svg');
+        svg_arr.forEach((item) => {
+          item.remove();
+        });
+      }
       this.writer = HanziWriter.default.create(this.targetDiv, this.bookText, {
         charDataLoader(char, onComplete) {
           onComplete(_this.bookStrokes);