mirror of
				https://gitee.com/hhyykk/ipms-sjy-ui.git
				synced 2025-11-04 04:08:44 +08:00 
			
		
		
		
	feat: add useNetwork hooks
This commit is contained in:
		
							
								
								
									
										21
									
								
								src/hooks/web/useNetwork.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										21
									
								
								src/hooks/web/useNetwork.ts
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,21 @@
 | 
				
			|||||||
 | 
					import { ref, onBeforeUnmount } from 'vue'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					const useNetwork = () => {
 | 
				
			||||||
 | 
					  const online = ref(true)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  const updateNetwork = () => {
 | 
				
			||||||
 | 
					    online.value = navigator.onLine
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  window.addEventListener('online', updateNetwork)
 | 
				
			||||||
 | 
					  window.addEventListener('offline', updateNetwork)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  onBeforeUnmount(() => {
 | 
				
			||||||
 | 
					    window.removeEventListener('online', updateNetwork)
 | 
				
			||||||
 | 
					    window.removeEventListener('offline', updateNetwork)
 | 
				
			||||||
 | 
					  })
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  return { online }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					export { useNetwork }
 | 
				
			||||||
		Reference in New Issue
	
	Block a user