成绩报告展示一样

src/pages/record/show/index.vue

@@ -96,8 +96,8 @@
                                         </span>
                                         </div>
                                     </div>
-                                    <div v-else>
-                                        {{scope.row.referenceAnswer}}
+                                    <div v-else v-html='scope.row.referenceAnswer'>
+<!--                                        {{}}-->
                                     </div>
                                 </template>
                             </el-table-column>
@@ -113,8 +113,8 @@
                                             </span>
                                         </div>
                                     </div>
-                                    <div v-else>
-                                        {{scope.row.answer}}
+                                    <div v-else v-html='scope.row.answer' style='white-space: pre-wrap'>
+<!--                                        {{}}-->
                                     </div>
                                 </template>
                             </el-table-column>
@@ -416,5 +416,16 @@ export default {
 .textAreaFont {
     font-size: 18px;
 }
-
+pre {
+    white-space: pre-wrap;       /* css-3 */
+    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+    white-space: pre-wrap;      /* Opera 4-6 */
+    white-space: -o-pre-wrap;    /* Opera 7 */
+    word-wrap: break-word;       /* Internet Explorer 5.5+ */
+    word-break:break-all;
+    overflow:hidden;
+    font-size: 12px;
+    font-weight:400;
+    font-family:'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif
+}
 </style>