Although I realize this question might seem like a repetition, I have been tirelessly seeking a solution without success.
The issue I am facing involves a method that resolves a promise only after the window has fully loaded. Subsequently, in my mounted hook, I anticipate the execution of that method. However, upon navigating to the page, neither the promise nor any subsequent actions are carried out. Curiously enough, everything functions as expected when the page is refreshed.
Here is an illustration of my method:
getPosition() {
return new Promise((resolve, reject) => {
window.addEventListener("load", () => {
console.log("window is loaded");
resolve();
});
});
},
And here is how it ties into the mounted hook:
async mounted() {
console.log("before promise"); // this logs
await this.getPosition(); // this does not log
console.log("after promise"); // this does not log
},