検索

ホームページ  >  に質問  >  本文

サーバー側レンダリングのみの `<server-only>` タグ

<p>クライアント側でのみレンダリングする必要があるコードがいくつかあるので、それを <code><client-only></code> タグで囲みます。 </p> <p>ただし、コンテンツのバウンスを防ぐために、次のコードを使用して、サーバー側でのみ要素をレンダリングしてみました。 <pre class="brush:php;toolbar:false;"><div v-if="$isServer" class="h-nonav bg-gray-500" /></pre> <p>これは機能しますが、Vue はサーバー側の HTML がクライアント側の HTML と矛盾していると警告します。 </p> <p>これは機能しますが、少しハックっぽく聞こえるため、ページが 2 回レンダリングされます: </p> <pre class="brush:php;toolbar:false;"><div v-if="ssr" class="h-nonav bg-gray-500" /> ... データ() { 戻る { SSR:真 } }、 マウントされた() { this.ssr = false },</pre> <p>ドキュメントを検索しようとしましたが、<code><server-only></code> タグが見つかりませんでした:(</p>
P粉463811100P粉463811100485日前436

全員に返信(1)返信します

  • P粉724737511

    P粉7247375112023-08-30 13:02:38

    気にしないでください。v-if の代わりに v-show を使用すると問題が解決しました:

    リーリー

    これがまた役立つことを願っています...

    返事
    0
  • キャンセル返事