useNetwork.ts 466 B

123456789101112131415161718192021
  1. import { ref, onBeforeUnmount } from 'vue'
  2. const useNetwork = () => {
  3. const online = ref(true)
  4. const updateNetwork = () => {
  5. online.value = navigator.onLine
  6. }
  7. window.addEventListener('online', updateNetwork)
  8. window.addEventListener('offline', updateNetwork)
  9. onBeforeUnmount(() => {
  10. window.removeEventListener('online', updateNetwork)
  11. window.removeEventListener('offline', updateNetwork)
  12. })
  13. return { online }
  14. }
  15. export { useNetwork }