Verwenden Sie exportierte Werte in den Einstellungen der Vue Composition API
P粉237125700
P粉237125700 2023-08-25 21:31:18
0
1
445
<p>In einer gewöhnlichen JS-Datei lautet der Code wie folgt: </p> <pre class="brush:php;toolbar:false;">standardmäßige asynchrone Funktion exportData() { const {data} = Warten auf den Speicher .dispatch('fetchData') const { Buchungen } = Daten const booking = bookings.length ? bookings[0]._id : '' const-Ereignis = { Buchungs-ID: Buchung } // Andere Methoden und Variablen zurückkehren { ..... } }</pre> <p>In der Vue-Datei: </p> <pre class="brush:php;toolbar:false;">exportData aus './exportData' importieren Standard exportieren { aufstellen() { const { fetchEvents, isEventActive, } = exportData() fetchEvents() } }</pre> <p>Das Problem besteht darin, dass in der Vue-Komponente der von exportData erhaltene Wert undefiniert ist. Wenn der Export asynchron ist, wird eine Fehlermeldung angezeigt, dass fetchEvents keine Funktion ist. Es würde gut funktionieren, wenn es nicht asynchron wäre. Was ist hier die Lösung? </p>
P粉237125700
P粉237125700

Antworte allen(1)
P粉245003607

你可以尝试在计划的js文件中声明fetchEvents和isEventActive方法,而无需将其包装在任何函数中

const fetchEvents = () => {
   //body
};

const isEventActive = () => {
     //body
};

并将它们导出为

export {fetchEvents, isEventActive};

现在使用它们

import {fetchEvents,isEventActive} from 'path-to-js-file'
export default {
  setup() {
    fetchEvents()
    isEventActive()
  }
}
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage