mirror of
				https://gitee.com/hhyykk/ipms-sjy-ui.git
				synced 2025-11-04 20:28:45 +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