Bootstrap

vue监听页面显示或隐藏

需求:浏览器上方标签每次切入首页的时候重新请求一下订单列表,显示订单最新状态

methods: {
	visiableChange(e) {  
	     switch(e.target.visibilityState) {
	     	case 'hidden':
	         	console.log('页面隐藏或者最小化')
	         	break;
	      	case 'visible':
	         	console.log('页面显示')
	         	// 请求列表操作
	         	break;
		}
	}
}
mounted() {
	document.addEventListener('visibilitychange', this.visiableChange)
},
destroyed() {  
 	document.removeEventListener('visibilitychange', this.visiableChange)
},
;