So implementieren Sie die Vue-Anwendung, um ausgewählte Optionen auf eine andere Seite zu übertragen
P粉308089080
P粉308089080 2023-08-28 09:44:23
0
2
447

Auf der ersten Seite meiner Vue-App habe ich ein Dropdown-Menü mit einer Liste von E-Mail-Adressen.

Ich möchte den ausgewählten Wert/Text speichern und ihn als Parameter oder Variable auf der Posteingangsseite verwenden, zu der ich weitergeleitet werde.

Dies ist der Code für das Dropdown-Menü mit v-autocomplete:

  

Dies ist eine Schaltfläche, die als v-btn fungiert und zur Weiterleitung zur Posteingangsseite verwendet wird.

 Postfach laden 

Wie speichere ich den Wert eines ausgewählten Postfachs zur Verwendung auf der Posteingangsseite, zu der ich weitergeleitet werde?

P粉308089080
P粉308089080

Antworte allen (2)
P粉083785014

将选定的值作为路由参数传递:

$router.push({ name: "Inbox", params: { selectedValue: YOUR_VALUE } });

在收件箱页面中,您可以通过以下方式访问:

$route.params.selectedValue
    P粉038161873

    我建议你开始使用Vuex:)

    这是一个可以在整个应用程序中共享响应式数据对象的库。

    以下是你可能的代码示例:

    // /store/index.js export state: () => { mailbox: '', } export mutation: () => { SET_MAILBOX(state, mailbox) { state.mailbox = mailbox } }
    // your-page.vue  
      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!