javascript - Jika halaman tidak mempunyai data dan mempunyai data, kandungan yang berbeza akan dipaparkan.

Question

Soalan 1:
Sebagai contoh, ia adalah halaman pesanan Apabila saya tidak mempunyai pesanan, saya memaparkan gambar untuk membimbing pengguna memilih produk kegemaran mereka hanya akan muncul di sini selepas pengguna membuat pesanan dan membayar .

Saya menggunakan vue untuk menulis halaman, jadi saya membuat data json maya dan menguji sama ada halaman yang saya mahu boleh dipaparkan secara normal dengan atau tanpa data.

Adakah ini perkara yang betul untuk dilakukan, atau apa yang perlu saya lakukan?

Soalan 2:
Sebagai contoh, jika ia adalah log masuk dan log keluar, bagaimana kita harus mempertimbangkan perkara ini?

Saya diajar secara otodidak. Saya masih menyusahkan cara melaksanakan tempat ini dengan banyak interaksi. Tolong beri saya nasihat. . .

Answer 1

Selepas mendapat data, buat pertimbangan,

if (data.length) {
    // 这里使用数据
}

Terdapat juga penghakiman dalam html

<p v-if="data.length">展示数据</p>
<p v-else>提示图片信息</p>

Answer 2

1. Sebagai contoh, jika senarai pesanan adalah senarai, anda boleh menilai secara langsung melalui v-if(list.length)

2. Log masuk: Pengguna memasukkan akaun dan kata laluan dan menghantarnya ke bahagian belakang - bahagian belakang mengembalikan token selepas lulus pengesahan - bahagian hadapan menyimpannya secara setempat, cuma bawa token dengan setiap permintaan keluar: bahagian belakang kembali dan selepas keluar berjaya, bahagian hadapan mengosongkan token storan setempat, dan kembali ke halaman log masuk