update

src/components/pages/myReport/components/mrOverPer.vue

@@ -8,10 +8,10 @@
             <div>
               <el-tooltip
                 effect="light"
-                :content="overPData.loginTime"
+                :content="data.loginTime"
                 placement="top"
               >
-                <div>{{ overPData.loginTime }}</div>
+                <div>{{ data.loginTime }}</div>
               </el-tooltip>
             </div>
           </div>
@@ -20,10 +20,10 @@
             <div>
               <el-tooltip
                 effect="light"
-                :content="overPData.studyTime"
+                :content="data.studyTime"
                 placement="top"
               >
-                <div>{{ overPData.studyTime }}</div>
+                <div>{{ data.studyTime }}</div>
               </el-tooltip>
             </div>
           </div>
@@ -32,10 +32,10 @@
             <div>
               <el-tooltip
                 effect="light"
-                :content="overPData.toolSubRate + '%'"
+                :content="data.toolSubRate + '%'"
                 placement="top"
               >
-                <div>{{ overPData.toolSubRate + "%" }}</div>
+                <div>{{ data.toolSubRate + "%" }}</div>
               </el-tooltip>
             </div>
           </div>
@@ -43,7 +43,7 @@
         <div class="allPerBoottom">
           <div class="avaImg">
             <img src="../../../../assets/icon/myReport/courseStar.png" alt="" />
-            <div class="sName">{{ overPData.sName}} </div>
+            <div class="sName">{{ data.sName}} </div>
           </div>
           <div>课堂智慧星</div>
         </div>
@@ -55,6 +55,23 @@
 <script>
 export default {
   props: ["overPData"],
+  data() {
+    return {
+      data: {}
+    }
+  },
+  watch: {
+    overPData: {
+      immediate: true,
+      deep: true,
+      handler(newValue, oldValue) {
+        this.data = newValue;
+        this.$forceUpdate();
+      }
+    }
+  },
+  mounted(){
+  }
 };
 </script>
 

src/components/pages/myReport/myReport.vue

@@ -25,7 +25,7 @@
               </div>
               <div>我的综合表现</div>
             </div>
-            <MrOverPer class="r_box" :overPData="overPer"></MrOverPer>
+            <MrOverPer class="r_box" :overPData="JSON.parse(JSON.stringify(overPer))"></MrOverPer>
           </div>
           <div class="third">
             <div class="sub_title">
@@ -404,6 +404,7 @@ export default {
             this.overPer.studyTime = `${sTime}秒`;
           }
           this.overPer.sName = this.stuMessage.name;
+          this.$forceUpdate();
         })
         .catch((err) => {
           console.error(err);