Wie greife ich auf eine externe Vue3-Instanz zu, um Funktionen aufzurufen?
P粉141911244
P粉141911244 2023-09-02 14:36:10
0
1
486
<p>Wie greife ich auf eine Vue 3-Instanz zu, wenn ich den Namen der Variablen, die die Instanz speichert, nicht kenne? Ich muss eine Funktion von einer bestimmten Komponente aus aufrufen. </p> <p>Beim Eingeben von <code>$0.__vue_app__</code> in der Konsole (Chrome Developer Tools) sehe ich die Daten der Instanz, aber wie verwende ich sie im Code innerhalb der JS-Datei? </p> <p><code>console.log($0)</code> ist natürlich undefiniert. </p> <p>Welchen Weg kann ich nehmen, um hierher zu gelangen? </p>
P粉141911244
P粉141911244

Antworte allen(1)
P粉714780768

一种选择是在worker代码>mounted()如:

methods: {
    myFunction(){
        console.log('It works!');
    }
},
mounted() {
    window["myWorker"] = new Worker("./myWorker.js");

    window["myWorker"].onmessage = function(event) {
        if (event && event.data === 'run_my_function') {
            this.myFunction();
        }
    }
}

myWorker.js中你可以这样做:

this.postMessage('run_my_function');
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage