我无法使用 vue3 将事件分配给 javascript 中的变量

Question

我正在尝试制作按钮以促进 pwa 下载，但我无法将变量分配给“beforeinstallprompt”侦听器中的事件。 当我分配它并打印它工作的变量时，但是当我 go 执行 .prompt () function; 它不起作用，它告诉我变量未定义（这是我默认给它的值）

//on mounted in App.vue

        addEventListener('beforeinstallprompt', function(e){ 
            // Stash the event so it can be triggered later
            e.preventDefault();
            console.log(this.installPrompt) //undefined
            AllDeals.installPrompt = e;
            console.log(AllDeals.installPrompt) //correct value
            console.log(e) //correct value
            console.log("evento beforeinstallprompt")
        });

---

//on methods in AllDeals.vue components


installButtonTriggered(){
            console.log("TRIGGERED",this.installPrompt)
            this.installPrompt.prompt();  //error, variable result undefined
            // Wait for the user to respond to the prompt
            this.installPrompt.userChoice
                .then((choiceResult) => {
                if (choiceResult.outcome === 'accepted') {
                    console.log('User accepted the A2HS prompt');
                } else {
                    console.log('User dismissed the A2HS prompt');
                }
                //this.installPrompt = null;
                });
        }

installPrompt 是一个 AllDeals 变量，我可以从 App.vue 以这种方式分配它对于这个项目，我使用 Vue3 和 javascript