Want to take a look at our new docs? Our
new docs
are now in beta. Have fun!
API: The <client-only> Component
The <client-only> 组件
此组件用于仅在客户端渲染其他组件.
警告: Nuxt 版本小于 v2.9.0 的用户, 请使用 <no-ssr>
Props:
- placeholder:
string- 在
<client-only />被挂载之前, 使用此属性作为文本占位符.
- 在
<template>
<div>
<sidebar />
<client-only placeholder="Loading...">
<!-- comments 组件只会在客户端被渲染 -->
<comments />
</client-only>
</div>
</template>
Slots:
- placeholder:
- 在
<client-only />被挂载之前, 使用此属性作为插槽.
- 在
<template>
<div>
<sidebar />
<client-only>
<!-- comments 组件只会在客户端被渲染 -->
<comments />
<!-- comments-placeholder 会在服务端被加载-->
<comments-placeholder slot="placeholder" />
</client-only>
</div>
</template>
此组件仓库为 egoist/vue-client-only. 在此感谢 @egoist!