Pastikan keadaan berterusan antara muat semula halaman

Question

Mungkin ini soalan yang pelik, tetapi saya baru menggunakan Vue dan belum menemui jawapan lagi. Apabila saya menggunakan v-if dan v-else semuanya berfungsi dengan baik:

<CodeBorang v-if="isLoginFormSent" />
<Borang Log Masuk v-else />

Tetapi selepas memuatkan semula halaman, semuanya kembali kepada keadaan v-if. Adakah terdapat cara untuk memastikan status v-else ditunjukkan selepas halaman dimuat semula?

Answer 1

Apabila halaman dimuatkan semula dalam apl Vue, keadaan komponen ditetapkan semula kepada keadaan asalnya dan sifat data dikembalikan kepada nilai lalainya, itulah sebabnya anda menghadapi gelagat ini.

Jika anda mahu meneruskan v-elsenyatakan muat semula halaman, anda boleh menggunakan strategi yang berbeza, seperti keadaan berterusan dalam storan setempat atau sesi, kuki atau keadaan URL (seperti Vue Router).

Cara paling mudah ialah simpan dalam localStorage中。请参阅此文章，了解如何利用localStorage untuk dijilid.