無 SSR | Quasar Framework

No SSR

QNoSsr 元件只有在您建立 SSR 網站/應用程式時才有意義。

它避免在伺服器端呈現其內容，而僅留待客戶端處理。當您的程式碼不是同構的，且只能在客戶端（瀏覽器中）執行時，這非常有用。

或者，您也可以使用它僅在伺服器端呈現內容，如果最終在客戶端瀏覽器上執行，它會自動移除。

用法

基本

<q-no-ssr>
  <div>This won't be rendered on server</div>
</q-no-ssr>

多個客戶端節點

<q-no-ssr>
  <div>This won't be rendered on server.</div>
  <div>This won't either.</div>
</q-no-ssr>

具有標籤屬性的多個客戶端節點

<q-no-ssr tag="blockquote">
  <div>This won't be rendered on server.</div>
  <div>This won't either.</div>
</q-no-ssr>

Placeholder 屬性

<q-no-ssr placeholder="Rendered on server">
  <div>This won't be rendered on server</div>
</q-no-ssr>

Placeholder 插槽

<q-no-ssr>
  <div>This won't be rendered on server</div>
  <template v-slot:placeholder>
    <div>Rendered on server</div>
  </template>
</q-no-ssr>

Placeholder 插槽中的多個內容

<q-no-ssr>
  <div>This won't be rendered on server</div>
  <template v-slot:placeholder>
    <div>Rendered on server (1/2)</div>
    <div>Rendered on server (2/2)</div>
  </template>
</q-no-ssr>

僅 Placeholder 插槽

<q-no-ssr>
  <template v-slot:placeholder>
    <div>Rendered on server</div>
  </template>
</q-no-ssr>

發現錯誤了嗎？在瀏覽器中編輯此頁面

1. 介紹

2. QNoSsr API

3. 用法

3.1. 基本

3.2. 多個客戶端節點

3.3. 具有標籤屬性的多個客戶端節點

3.4. Placeholder 屬性

3.5. Placeholder 插槽

3.6. Placeholder 插槽中的多個內容

3.7. 僅 Placeholder 插槽