<ClientOnly> · Nuxt Components

<ClientOnly>组件只在客户端渲染其插槽内容。要仅在客户端导入组件，请在仅客户端的插件中注册组件。

Props

placeholderTag | fallbackTag: 指定在服务器端渲染的标签。
placeholder | fallback: 指定在服务器端渲染的内容。

<template>
  <div>
    <Sidebar />
    <ClientOnly fallback-tag="span" fallback="加载评论中...">
      <Comment />
    </ClientOnly>
  </div>
</template>

Slots

#fallback: 指定在服务器端显示的内容。

<template>
  <div>
    <Sidebar />
    <ClientOnly>
      <!-- ... -->
      <template #fallback>
        <!-- 这将在服务器端渲染 -->
        <p>加载评论中...</p>
      </template>
    </ClientOnly>
  </div>
</template>

Nightly Release Channel

夜间发布通道允许直接使用最新提交到代码库的 Nuxt 构建版本。

Nuxt提供了`<NuxtClientFallback>`组件，用于在客户端渲染其内容，如果其任何子组件在SSR中触发错误。