clay fix : 关闭一系列bug

src/views/content/components/Introduction.vue

@@ -3,8 +3,8 @@
     <el-row>
       <el-col>
         <div class="context">
-          <div class="title">{{value.title}}</div>
-          <div class="text" v-html="value.content"></div>
+          <div v-if="value" class="title">{{ value.title }}</div>
+          <div v-if="value" class="text" v-html="value.content"></div>
         </div>
       </el-col>
     </el-row>
@@ -15,30 +15,45 @@
 export default {
   name: "Introduction",
   props: {
-    value: {
+    introduction: {
       type: Object,
-      default: {
-        title:"12",
-        content:"12"
+      default() {
+        return {
+        }
       },
     },
   },
-  data(){
-    return{}
-  }
+  data() {
+    return {
+      introductionData : this.value
+    }
+  },
+  watch:{
+    value(val){
+      this.introductionData = val
+    }
+  },
+  created() {
+    this.value = {
+      title: "12",
+      content: "12"
+    }
+  },
 }
 </script>
 
 <style scoped lang="scss">
-.Introduction{
+.Introduction {
   width: 100%;
 }
+
 .tab {
   margin-left: 1.9rem;
   margin-top: 1.5rem;
   font-weight: 400;
   font-size: 1.4rem !important;
 }
+
 .context {
   margin: 3rem 4rem;
 
@@ -54,7 +69,8 @@ export default {
     margin-top: 2rem;
     font-size: 1.2rem;
     font-weight: 400;
-    color: #3C3C3C;word-break: break-word; /* 文本行的任意字内断开 */
+    color: #3C3C3C;
+    word-break: break-word; /* 文本行的任意字内断开 */
     word-wrap: break-word; /* IE */
     white-space: -moz-pre-wrap; /* Mozilla */
     white-space: -hp-pre-wrap; /* HP printers */
@@ -63,7 +79,7 @@ export default {
     white-space: pre; /* CSS2 */
     white-space: pre-wrap; /* CSS 2.1 */
     white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
-    pre{
+    pre {
       width: 100%;
     }
   }