为什么捐赠
API 浏览器
联系站长
No SSR

QNoSsr 组件只在您创建 SSR 网站/应用时有用。

它可以避免在服务器上渲染其内容,而只在客户端渲染。当您的代码不是同构的并且只能在浏览器中运行时特别有用。

或者,您也可以使用它仅在服务器端渲染某些内容,在浏览器客户端中它会自动删除相关内容。

正在加载 QNoSsr API...

用法

基础

<q-no-ssr>
  <div>这个内容不会在服务器上渲染</div>
</q-no-ssr>

多个客户端节点

<q-no-ssr>
  <div>这个内容不会在服务器上渲染</div>
  <div>这个也不会</div>
</q-no-ssr>

使用 tag 属性的多个客户端节点

<q-no-ssr tag="blockquote">
  <div>这个内容不会在服务器上渲染</div>
  <div>这个也不会</div>
</q-no-ssr>

placeholder 属性

<q-no-ssr placeholder="在服务器上渲染">
  <div>这个内容不会在服务器上渲染</div>
</q-no-ssr>

placeholder 插槽

<q-no-ssr>
  <div>这个内容不会在服务器上渲染</div>
  <template v-slot:placeholder>
    <div>在服务器上渲染</div>
  </template>
</q-no-ssr>

placeholder 插槽中的多个内容

<q-no-ssr>
  <div>这个内容不会在服务器上渲染</div>
  <template v-slot:placeholder>
    <div>在服务器上渲染 (1/2)</div>
    <div>在服务器上渲染 (2/2)</div>
  </template>
</q-no-ssr>

仅使用 placeholder 插槽

<q-no-ssr>
  <template v-slot:placeholder>
    <div>在服务器上渲染</div>
  </template>
</q-no-ssr>