客户端呈现组件 <ClientOnly>

ClientOnly 组件仅在客户端呈现其插槽。要仅在客户端导入组件，请在仅客户端插件中注册该组件。

Props

占位符标签 | fallbackTag：指定要在服务器端呈现的标记。
占位符 | fallback：指定要在服务器端呈现的内容。

vue

<template>
  <div>
    <Sidebar />
    <ClientOnly fallback-tag="span" fallback="Loading comments...">
      <Comment />
    </ClientOnly>
  </div>
</template>

Slots

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

vue

<template>
  <div>
    <Sidebar />
    <ClientOnly>
      <!-- ... -->
      <template #fallback>
        <!-- 这将在服务器端呈现 -->
        <p>Loading comments...</p>
      </template>
    </ClientOnly>
  </div>
</template>