预接收

src/components/page/Complete_profile.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="container" >
       <el-row :gutter="20" >        
-          <el-alert
-          :title="'Dear '+ user_name + ' Congratulations! '"
+          <el-alert v-if="alertShow"
+          :title="'Dear '+ user_name + ' Congratulations! , The information will be hidden after ' + hideSec + ' seconds'"
     type="success"    
     show-icon>
     
@@ -46,6 +46,9 @@
         return {
             user_name: localStorage.getItem('U_relname'),
             thisArtcleId: this.$route.query.id,
+            alertShow:true,
+            dingshi:null, 
+            hideSec:5,
             // 引用表单数据
             ReferenceList:[],
             Ainfo:{
@@ -58,6 +61,7 @@
       },
       created() {
         this.getInfoStatu()
+        this.hideAlert()
       },
       methods:{
         // 跳转到引用编辑页面
@@ -70,6 +74,20 @@
                   });
         },
 
+        // 隐藏alert
+        hideAlert(){
+           this.dingshi = setInterval(()=>{
+                this.hideSec -= 1
+                // console.log(this.hideSec)
+                if(this.hideSec == 0){
+                    this.alertShow = false 
+                    clearInterval(this.dingshi)
+                }
+           },1000)
+            // setTimeout(()=>{
+                   
+            // },5000)
+        },
         // 获取资料状态
         getInfoStatu(){
             this.$api