fix Failed to execute 'removeChild' on 'Node'. https://github.com/vuejs/vue/issues/4535

src/features/Login/Login.vue

@@ -25,6 +25,7 @@
         <div style="display:flex;">
           <a
             v-if="allowLoginType.includes('STUDENT_CODE')"
+            key="STUDENT_CODE"
             :class="[
               'qm-big-text',
               'login-type',
@@ -38,6 +39,7 @@
           </a>
           <a
             v-if="allowLoginType.includes('IDENTITY_NUMBER')"
+            key="IDENTITY_NUMBER"
             :class="[
               'qm-big-text',
               'login-type',
@@ -51,9 +53,11 @@
           </a>
           <a
             v-if="allowLoginType.length === 0"
+            key="loading"
             :class="['qm-big-text', 'login-type']"
-            >loading...</a
           >
+            loading...
+          </a>
         </div>
 
         <div class="qm-title-text" style="margin: 40px 0 20px 0">

src/features/OnlineExam/CheckComputer.vue

@@ -9,7 +9,7 @@
       <Step title="检测结果"></Step>
     </Steps>
 
-    <div v-if="current === 0" class="section">
+    <div v-if="current === 0" class="section" key="0">
       <div class="list">
         <table>
           <tbody class="list-row">
@@ -56,7 +56,7 @@
       </div>
     </div>
 
-    <div v-if="current === 1" class="section">
+    <div v-if="current === 1" class="section" key="1">
       <div class="list">
         <table>
           <tbody class="list-row">
@@ -125,7 +125,7 @@
       </div>
     </div>
 
-    <div v-show="current === 2" class="section">
+    <div v-show="current === 2" class="section" key="2">
       <div>
         <div style="display: flex;">
           <video
@@ -243,7 +243,7 @@
       </div>
     </div>
 
-    <div v-show="current === 3" class="section" style="text-align: center">
+    <div v-show="current === 3" class="section" style="text-align: center" key="3">
       <div>
         <div style="display: flex; margin-bottom: 30px;">
           <audio
@@ -351,7 +351,7 @@
       </div>
     </div>
 
-    <div v-show="current === 4" class="section">
+    <div v-show="current === 4" class="section" key="4">
       <div>
         <div style="display: flex;">
           <div>
@@ -483,7 +483,7 @@
       </div>
     </div>
 
-    <div v-show="current === 5" class="section">
+    <div v-show="current === 5" class="section" key="5">
       <div class="list">
         <table>
           <tbody class="list-row">
@@ -572,19 +572,19 @@
       </div>
 
       <div style="color: red;">
-        <div v-if="!step1Status">
+        <div v-if="!step1Status" key="a">
           检查网络是否连接，路由器是否正常工作。
         </div>
-        <div v-if="step2StatusResolved && !step2Status">
+        <div v-if="step2StatusResolved && !step2Status" key="b">
           请调整电脑时间和社区与北京时间一致。
         </div>
-        <div v-if="step3StatusResolved && !step3Status">
+        <div v-if="step3StatusResolved && !step3Status" key="c">
           请确认摄像头连接线正常，能正常工作，关闭杀毒软件、关闭摄像头滤镜软件；请确认您的电脑是否为双摄摄像头，启用的摄像头是否正确。
         </div>
-        <div v-if="step4StatusResolved && !step4Status">
+        <div v-if="step4StatusResolved && !step4Status" key="d">
           请确认音箱连接正常，调整音量开关及大小。
         </div>
-        <div v-if="step5StatusResolved && !step5Status">
+        <div v-if="step5StatusResolved && !step5Status" key="e">
           请确认微信已登录并连接网络。
         </div>
 
@@ -596,6 +596,7 @@
               (step4StatusResolved && !step4Status) ||
               (step5StatusResolved && !step5Status)
           "
+          key="f"
         >
           请按提示检查并调试，调试后可再次进行环境检测，如仍有问题可致电
           400-8585-755
@@ -614,6 +615,7 @@
       <div style="width: 30px; height: 1px; display: inline-block;"></div>
       <Button
         v-if="current === 5"
+        key="xxx"
         type="primary"
         @click="() => this.$emit('on-close')"
       >

src/features/OnlineExam/OnlineExamList.vue

@@ -4,8 +4,8 @@
       <tbody class="list-row">
         <tr class="list-header qm-primary-strong-text">
           <td>课程</td>
-          <td v-if="!isEpcc">层次</td>
-          <td v-if="!isEpcc">专业</td>
+          <td v-if="!isEpcc" key="cc">层次</td>
+          <td v-if="!isEpcc" key="zy">专业</td>
           <td>考试开放时间</td>
           <td>剩余考试次数</td>
           <td style="max-width: 200px">操作</td>
@@ -13,8 +13,8 @@
 
         <tr v-for="course in courses" :key="course.examId + course.courseId">
           <td>{{ course.courseName }}</td>
-          <td v-if="!isEpcc">{{ course.courseLevel }}</td>
-          <td v-if="!isEpcc">{{ course.specialtyName }}</td>
+          <td v-if="!isEpcc" key="cc">{{ course.courseLevel }}</td>
+          <td v-if="!isEpcc" key="zy">{{ course.specialtyName }}</td>
           <td>
             {{ course.startTime }} <br />
             ~ <br />