$nuxt: Nuxt 助手
$nuxt 是一个旨在改善用户体验的助手。
有关 Nuxt 助手的详细信息，请参阅上下文与助手文档 。
连接检测器
-
isOffline-
类型:
Boolean -
说明: 当用户网络连接断开时为
true
-
类型:
-
isOnline-
类型:
Boolean -
说明:
isOffline的反义
-
类型:
layouts/default.vue
<template>
<div>
<div v-if="$nuxt.isOffline">You are offline</div>
<nuxt />
</div>
</template>
刷新页面数据
-
refresh()- 仅刷新 asyncData 或 fetch 提供的数据时使用
example.vue
<template>
<div>
<div>{{ content }}</div>
<button @click="refresh">Refresh</button>
</div>
</template>
<script>
export default {
asyncData() {
return { content: 'Created at: ' + new Date() }
},
methods: {
refresh() {
this.$nuxt.refresh()
}
}
}
</script>
控制加载条
-
$loading- 需要以编程方式控制 Nuxt 加载条时使用
export default {
mounted() {
this.$nextTick(() => {
this.$nuxt.$loading.start()
setTimeout(() => this.$nuxt.$loading.finish(), 500)
})
}
}
Edit this page on GitHub
Updated at Tue, Apr 14, 2026