Teg `<server-only>` untuk pemaparan sebelah pelayan sahaja

Question

Saya mempunyai beberapa kod yang hanya perlu diberikan pada bahagian pelanggan, jadi saya membungkusnya dalam teg

Walau bagaimanapun, untuk mengelakkan kandungan daripada melantun, saya cuba memaparkan elemen hanya pada bahagian pelayan, menggunakan kod berikut:

<div v-if="$isServer"
<p>Ini berfungsi, tetapi Vue akan mengadu bahawa HTML bahagian pelayan tidak konsisten dengan bahagian klien. </p>
<p>Semasa ini berfungsi, ia kedengaran agak godam dan akan menyebabkan halaman dipaparkan dua kali: </p>
<pre class="brush:php;toolbar:false;"><div v-if="ssr"h-nonav bg-gray-500"
...
data() {
  kembali {
    ssr: benar
  }
},
dipasang() {
  ini.ssr = palsu
},

Cuba mencari dokumentasi, tetapi teg tidak ditemui :(

Answer 1

Tidak mengapa, betulkan menggunakan v-show代替v-if:

<div v-show="$isServer" />

Semoga ini akan membantu saya lagi...