javascript - Si une page n'a pas de données et contient des données, un contenu différent sera affiché. Que doit faire le front-end?

Question

Question 1 :
Par exemple, il s'agit d'une page de commande. Lorsque je n'ai pas de commande, j'affiche une image pour guider les utilisateurs dans le choix de leurs produits préférés. Le contenu n'apparaîtra ici qu'une fois que l'utilisateur aura passé une commande et payé.

J'utilise vue pour écrire la page, je crée donc des données json virtuelles et teste si la page que je veux peut être affichée normalement avec ou sans données.

Est-ce la bonne chose à faire ou que dois-je faire ?

Question 2 :
Par exemple, s'il s'agit d'une connexion et d'une déconnexion, comment devons-nous considérer cela ?

Je suis autodidacte. Cela me dérange encore de savoir comment mettre en place ces lieux où il y a de nombreuses interactions. Merci de me donner quelques conseils. . .

Answer 1

Après avoir obtenu les données, portez un jugement,

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

Il y a aussi du jugement en html

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

Answer 2

1. Par exemple, si la liste de commandes est une liste, vous pouvez la juger directement via v-if(list.length)

2. Connexion : L'utilisateur saisit le compte et le mot de passe et les transmet au backend - le backend renvoie le token après avoir réussi la vérification - le frontend le stocke localement, il suffit d'apporter le token à chaque sortie : le backend renvoie et après le ; la sortie est réussie, le frontend efface le jeton de stockage local et revient à la page de connexion