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