..

src/views/Home/notice/index.vue

@@ -4,10 +4,10 @@
       <h3 class="side_title">通知公告</h3>
       <ul class="side-list">
         <li
-          :class="noticeName === name ? 'active' : ''"
+          :class="currentComponent === name ? 'active' : ''"
           v-for="{ isTop, time, name, label } in list"
           :key="name"
-          @click="noticeName = name"
+          @click="currentComponent = name"
         >
           <h4>{{ label }}</h4>
           <div>
@@ -38,7 +38,6 @@ export default {
     HospitalsList,
   },
   data() {
-    console.log(this)
     return {
       list: [
         {
@@ -54,11 +53,16 @@ export default {
           isTop: true,
         },
       ],
+      currentComponent: this.$props.noticeName,
     }
   },
   methods: {},
   mounted() {},
-  watch: {},
+  watch: {
+    noticeName(val) {
+      this.currentComponent = val
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>