addxx

cjcode/src/App.vue

 <template>
   <div id="app">
-    <router-view/>
+	<keep-alive>
+		<router-view/>
+	</keep-alive>
   </div>
 </template>
-
+<script >
+	export default {
+		data(){
+			return{
+				
+			}
+		},
+		watch:{
+			
+		}
+	}
+</script>
 <style>
-
+	
 </style>

cjcode/src/main.js

@@ -13,7 +13,7 @@ Vue.use(ElementUI);
 import { Message   } from 'element-ui'
 Vue.prototype.$message = Message
 Vue.component(Message.name, Message)//解决默认弹出Message 提示框
-
+Vue.prototype.$store = store;//
 
 Vue.config.productionTip = false
 

cjcode/src/store/index.js

@@ -5,11 +5,22 @@ Vue.use(Vuex)
 
 export default new Vuex.Store({
   state: {
+	  Checkuserlist:[],//参会人员数据
+	  usersigcount:sessionStorage.usersigcount?sessionStorage.usersigcount:0,//参会人数
   },
   mutations: {
+	  //修改参会人员列表
+	 changelist(state,list){
+	 	state.Checkuserlist=list;
+	 },
+	 changeusersigcount(state,num){
+		 state.usersigcount=num;
+	 }
   },
   actions: {
+	  
   },
   modules: {
+	  
   }
 })

cjcode/src/views/Home/Home.vue

@@ -75,10 +75,19 @@
 			this.initgetdata();
 			
 			
-			setInterval(function(){
+			//2s 一次 自动播放
+			setInterval(()=>{
 				// document.getElementsByTagName('video')[0].play();
-				document.getElementById("videotag1").play();
-			},3000)
+				let videotag1 = document.getElementById("videotag1");
+				if(videotag1){
+					document.getElementById("videotag1").play();
+				}
+			},2000)
+			
+			
+		},
+		mounted() {
+			console.info("mounted");
 		},
 		methods:{
 			demoadduser(){
@@ -109,6 +118,9 @@
 						if(res.code==0){
 							this.Checkuserlist = [...this.Checkuserlist,...res.data.list];//加入数据
 							this.usersigcount = res.data.count;
+							this.$store.commit("changelist",this.Checkuserlist);
+							this.$store.commit("changeusersigcount",this.usersigcount);
+							sessionStorage.usersigcount = this.usersigcount;
 							let viedeheiht = document.getElementById("divDetail").clientHeight;
 							document.getElementById('ddd').scrollTop=viedeheiht+999999;//通过scrollTop设置滚动到100位置
 
@@ -137,6 +149,9 @@
 						console.info("res",res);
 						if(res.code==0){
 							this.Checkuserlist = res.data.list;
+							this.$store.commit("changelist",this.Checkuserlist);
+							this.$store.commit("changeusersigcount",this.usersigcount);
+							sessionStorage.usersigcount = this.usersigcount;
 							this.usersigcount = res.data.count;
 							setTimeout(()=>{
 								let viedeheiht = document.getElementById("divDetail").clientHeight;

cjcode/src/views/Luckdraw/Luckdraw.vue

@@ -117,8 +117,8 @@
 		data() {
 			return {
 				moniuserlist: userlist, //模拟数据列表
-				Checkuserlist:[],//参会人员的数据
-				usersigcount:0,
+				
+				// usersigcount:0, //vuex 获取
 
 				Wintheprizenum: 1,
 				centerDialogVisible: false,
@@ -141,16 +141,29 @@
 
 			}
 		},
+		computed:{
+			//参会人员的数据
+			Checkuserlist(){
+				return this.$store.state.Checkuserlist;
+			},
+			//参会人数 vuex 数据
+			usersigcount(){
+				return this.$store.state.usersigcount;
+			}
+		},
 		created(){
-			this.initgetdata();
+			// this.initgetdata()  直接用vuex 获取
 
 			this.getWinnerListfun();
 			
-			
-			setInterval(function(){
+			//2s 一次 自动播放
+			setInterval(()=>{
 				// document.getElementsByTagName('video')[0].play();
-				document.getElementById("videotag2").play();
-			},3000)
+				let videotag2 =  document.getElementById("videotag2");
+				if(videotag2){
+					document.getElementById("videotag2").play();
+				}
+			},2000)
 		},
 		methods: {
 			//获取中奖人员名单