下面是如何在 Vue 3 中写一个用来判断网络情况的 hook 的示例代码:
import { onMounted, ref } from 'vue'
export default function useNetworkStatus() {
const online = ref(navigator.onLine)
function handleOnline() {
online.value = true
}
function handleOffline() {
online.value = false
}
onMounted(() => {
window.addEventListener('online', handleOnline)
window.addEventListener('offline', handleOffline)
})
return {
online,
}
}