布尔值改为字符串

src/views/exercise_questions/preview/ChinesePreview.vue

@@ -63,7 +63,7 @@
               @click="miaoStorkes(index, indexI, item.mark, item.content, itemI.strokes)"
             >
               <Strockplayredline
-                v-if="item.imgArr[indexI]"
+                v-if="item.imgArr[indexI] && item.imgArr[indexI] === 'true'"
                 :play-storkes="false"
                 :book-text="item.content"
                 :target-div="'write-praT' + item.content + itemI + Math.random().toString(36).substring(2, 10)"
@@ -145,19 +145,31 @@
       <div class="miao-box">
         <i class="el-icon-close close-icon" @click="if_miao_show = false"></i>
         <Strockplayredline
-          v-if="answer.answer_list[active_index].strokes_content_list[active_col_index] || disabled"
+          v-if="
+            (answer.answer_list[active_index].strokes_content_list[active_col_index] &&
+              answer.answer_list[active_index].strokes_content_list[active_col_index] === 'true') ||
+            disabled
+          "
           :play-storkes="false"
           :book-text="current_hz"
           :target-div="'write-praT' + current_hz + active_col_index + Math.random().toString(36).substring(2, 10)"
           :book-strokes="current_hz_data"
           :strokeColor="
-            disabled && !answer.answer_list[active_index].strokes_content_list[active_col_index] ? '#ddd' : ''
+            disabled &&
+            (!answer.answer_list[active_index].strokes_content_list[active_col_index] ||
+              (answer.answer_list[active_index].strokes_content_list[active_col_index] &&
+                answer.answer_list[active_index].strokes_content_list[active_col_index] === 'false'))
+              ? '#ddd'
+              : ''
           "
         />
         <Strockred
           :class="[
             'strock-red',
-            answer.answer_list[active_index].strokes_content_list[active_col_index] ? 'strock-red-zindex' : '',
+            answer.answer_list[active_index].strokes_content_list[active_col_index] &&
+            answer.answer_list[active_index].strokes_content_list[active_col_index] === 'true'
+              ? 'strock-red-zindex'
+              : '',
           ]"
           :book-text="current_hz"
           :hanzi-color="hanzi_color"
@@ -341,8 +353,6 @@ export default {
     },
     resetHanzi() {
       this.$refs.strockRed.resetHanzi();
-      // this.answer.answer_list[this.active_index].strokes_content_list[this.active_col_index] = false;
-      // this.$forceUpdate();
     },
     updateColor(color) {
       this.writer.updateColor('strokeColor', color);

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

@@ -39,8 +39,8 @@ export default {
       default: () => {},
     },
     isAnswer: {
-      type: Boolean,
-      default: false,
+      type: String,
+      default: 'false',
     },
   },
   data() {
@@ -87,13 +87,13 @@ export default {
       this.writer.quiz({
         onComplete: function (summaryData) {
           // 禁用操作 清除后传参给父级保存答案
-          _this.$emit('update:isAnswer', true);
+          _this.$emit('update:isAnswer', 'true');
         },
       });
     },
     resetHanzi() {
       this.writer.quiz();
-      this.$emit('update:isAnswer', false);
+      this.$emit('update:isAnswer', 'false');
     },
     updateColor(color) {
       this.writer.updateColor('strokeColor', color);