Javascript 在vue中未调用映像加载

我正在尝试构建一个Vue应用程序，我是Vue新手，我正在尝试在Js/Ts中运行时加载一个图像，代码如下

console.log("code is being called");
let image = new Image();
image.onload = (event) => {
console.log("image loaded");
}
image.src = "static/prison_tileset.png";

该代码在常规html文件上运行良好，但在Vue中，不会调用onload方法。正在调用第一个console.log。我确信图像被找到了，因为如果我故意操纵错误的路径，我会得到一个文件找不到的错误。只是onload事件没有被触发

---

如果有人能帮我，我会很高兴的

我现在已经开始工作了！我会尽可能地自己回答这个问题。要在视图中使用本地资产，您必须通过如下网页加载它们：

const Logo = require("../assets/logo.png");
this.image.src = Logo;

---

如果您碰巧也使用了electron，则必须将输入文件中的webSecurity设置为false，以便允许electron访问本地文件。

我还没有将其装载到DOM，据我所知，在加载图像时支持调用onload（如我在帖子中所述，在没有vue的情况下运行代码时，它也可以正常工作）目标是在运行时加载图像并将其绘制在画布上，我不知道在编译时绘制哪个图像是的，有道理，我的错。你能创建一个codesandbox/fiddle/stackblitz来重新创建这个问题吗？我不知道如何将项目导入stackbliz，但我已经记录了onerror事件，很明显它说“权限被拒绝”