API: The Component

The 组件

此组件用于仅在客户端渲染其他组件.

警告: Nuxt 版本小于 v2.9.0 的用户, 请使用 <no-ssr>

Props:

  • placeholder: string
    • 在 <client-only /> 被挂载之前, 使用此属性作为文本占位符.
  1. <template>
  2.   <div>
  3.     <sidebar />
  4.     <client-only placeholder="Loading...">
  5.       <!-- comments 组件只会在客户端被渲染 -->
  6.       <comments />
  7.     </client-only>
  8.   </div>
  9. </template>

Slots:

  • placeholder:
    • 在 <client-only /> 被挂载之前, 使用此属性作为插槽.
  1. <template>
  2.   <div>
  3.     <sidebar />
  4.     <client-only>
  5.       <!-- comments 组件只会在客户端被渲染 -->
  6.       <comments />
  8.       <!-- comments-placeholder 会在服务端被加载-->
  9.       <comments-placeholder slot="placeholder" />
  10.     </client-only>
  11.   </div>
  12. </template>

此组件仓库为 egoist/vue-client-only. 在此感谢 @egoist!