如何访问外部 Vue3 实例来调用函数？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如何访问外部 Vue3 实例来调用函数？

P粉141911244 2023-09-02 14:36:10

[Vue.js讨论组]

856

如果我不知道存储该实例的变量名称，如何访问 Vue 3 实例？我需要从特定组件调用函数。 在控制台（Chrome 开发者工具）中输入 <code>$0.__vue_app__</code> 时，我看到了实例的数据，但如何在 JS 文件内的代码中使用它？ <code>console.log($0)</code> 当然是未定义的。 我可以走哪条路去这里？

P粉141911244

全部回复(1)

P粉7147807682023-09-03 10:01:15 1楼

一种选择是在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中你可以这样做：