首页  >  问答  >  正文

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

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

全部回复(1)我来回复

  • P粉714780768

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

    一种选择是在<中使用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');

    回复
    0
  • 取消回复