QNoSsr 组件只在您创建 SSR 网站/应用时有用。
它可以避免在服务器上渲染其内容,而只在客户端渲染。当您的代码不是同构的并且只能在浏览器中运行时特别有用。
或者,您也可以使用它仅在服务器端渲染某些内容,在浏览器客户端中它会自动删除相关内容。
用法
基础
<q-no-ssr>
<div>这个内容不会在服务器上渲染</div>
</q-no-ssr>content_paste
多个客户端节点
<q-no-ssr>
<div>这个内容不会在服务器上渲染</div>
<div>这个也不会</div>
</q-no-ssr>content_paste
使用 tag 属性的多个客户端节点
<q-no-ssr tag="blockquote">
<div>这个内容不会在服务器上渲染</div>
<div>这个也不会</div>
</q-no-ssr>content_paste
placeholder 属性
<q-no-ssr placeholder="在服务器上渲染">
<div>这个内容不会在服务器上渲染</div>
</q-no-ssr>content_paste
placeholder 插槽
<q-no-ssr>
<div>这个内容不会在服务器上渲染</div>
<template v-slot:placeholder>
<div>在服务器上渲染</div>
</template>
</q-no-ssr>content_paste
placeholder 插槽中的多个内容
<q-no-ssr>
<div>这个内容不会在服务器上渲染</div>
<template v-slot:placeholder>
<div>在服务器上渲染 (1/2)</div>
<div>在服务器上渲染 (2/2)</div>
</template>
</q-no-ssr>content_paste
仅使用 placeholder 插槽
<q-no-ssr>
<template v-slot:placeholder>
<div>在服务器上渲染</div>
</template>
</q-no-ssr>content_paste