< head> Après avoir utilisé la méthode @click.prevent dans vue, la page n'affiche pas le contenu-Questions et réponses sur le réseau chinois PHP
简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Après avoir utilisé la méthode @click.prevent dans vue, la page n'affiche pas le contenu
P粉111927962
P粉111927962 2023-09-16 22:12:27
0
1
529

Quelqu'un peut-il comprendre d'où vient le problème ? ? Je ne reçois aucune erreur, mais la page n'affiche aucun contenu J'essaie d'afficher le contenu d'une page sans accéder à la page, mais lorsque je clique sur les liens, cela ne les affiche pas

      Vue基础   

   
 
{{ pages[activePage].pageTitle }}
 
{{ pages[activePage].content }}
P粉111927962
P粉111927962

répondre à tous (1)
P粉627027031
P粉6270270312023-09-17 20:11:52 1 plancher

Le problème est queactivePagene répond pas. Créez-le en tant querefpour le rendre réactif aux changements.

const { createApp, ref } = Vue; createApp({ setup() { const activePage = ref(0); return { activePage, pages: [{"link":{"text":"Home","url":"index.html"},"pageTitle":"Hello, Vue","content":"Welcome to the world of vue"},{"link":{"text":"Link","url":"link.html"},"pageTitle":"Hello, Vue","content":"This is the link text"},{"link":{"text":"Contact","url":"contact.html"},"pageTitle":"Hello","content":"This is the contact page"}], }; }, }).mount("#app");
  
  
 
{{ pages[activePage].pageTitle }}
 
{{ pages[activePage].content }}
Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！