Javascript Vue-组件背景图像url错误

调用将背景图像设置为组件的我的代码：

style() {
  return {
    "background-image": `url(${require(`../../../assets/images/${this
      .last_result}.png`)})`
  };
},

正确的url应该是

../../../assets/images/AR.png

但是控制台显示url错误，它变为调用

/资产/图像/AR0.25148062800000456DA85C5FNANPG

---

我找不到问题所在。有什么帮助吗？

您可以按如下方式使用它

style() {
  return {
    "background-image": `url(${require(`@/assets/images/${this
      .last_result}.png`)})`
  };
},

尝试使用obsolutepath

如果您的资产文件夹位于

src/assets/images/

中，您的绝对路径将是

@/assets/images/

如果要使用相对路径，请参考当前组件的路径

---

希望能有所帮助。

我不确定obsolute path，但当我改为

@

时，编译时，它希望它是一个dependency@hatched您能告诉我您试图包含映像的路径吗？src/controller/component/assets/images/AR。png@hatched告诉我包含上述代码的组件的文件路径？