如何访问外部 Vue3 实例来调用函数?
P粉141911244
P粉141911244 2023-09-02 14:36:10
0
1
484
<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');
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板