Bagaimana untuk memaparkan komponen berdasarkan syarat pendaftaran akaun pengguna? Firebase |

Question

Saya seorang pemula dengan Vue dan firebase serta mendapat pengesahan akaun. Saya hanya mahu memaparkan kandungan apabila pengguna log masuk. Jika tidak, saya mahu mereka menunjukkan komponen log masuk. Jika mereka tidak mempunyai akaun, saya ingin menunjukkan komponen pendaftaran. Saya mencuba yang berikut tidak berjaya. Sila buat cadangan atau saya akan berterima kasih!

<div v-if="isLogin" >
      <Message />  
</div>
<div v-else-if="auth.user">
      <Login />
</div>
<div v-else >
      <Register />
</div>

Answer 1

Satu-satunya cara yang saya tahu untuk mengetahui sama ada pengguna telah membuat akaun pada masa lalu (walaupun mereka belum melog masuk) ialah menggunakan kuki atau pembolehubah storan setempat. Tetapi ini nampaknya terlalu rumit untuk sesuatu di mana anda boleh menunjukkan halaman log masuk apabila tidak log masuk dan memberikan pautan ke halaman pendaftaran di bawah kotak log masuk jika mereka perlu membuat akaun.

Selain itu, kod semasa anda sepatutnya kelihatan lebih seperti ini.