如何存取外部 Vue3 實例來呼叫函數?
P粉141911244
P粉141911244 2023-09-02 14:36:10
0
1
483
<p>如果我不知道儲存該實例的變數名稱,如何存取 Vue 3 實例?我需要從特定元件呼叫函數。 </p> <p>在控制台(Chrome 開發者工具)中輸入 <code>$0.__vue_app__</code> 時,我看到了實例的數據,但如何在 JS 檔案內的程式碼中使用它? </p> <p><code>console.log($0)</code> 當然是未定義的。 </p> <p>我可以走哪條路去這裡? </p>
P粉141911244
P粉141911244

全部回覆(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');
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板