返回Vue中静态资源（png）的路径

Question

我正在尝试返回来自 api 的不同静态资产 (png) 的路径（仅作为 'abcd.png'），然后使用 for 循环在新跨度中显示它们中的每一个，我会 v -bind 样式（从 api 返回的 png）。 iconPath 是保存 png 的 api 数据。 imgURL 是 png 的路径。

<div class="col-sm-3 px-3 py-4" v-bind:style="{ 'background-image': 'url(' + imgUrl + iconPath + ')' }"></div>

    computed: {
  imgUrl () {
    return require('./src/assets/images/')
  }
}  

乍一看，路径和 png 在控制台中正确返回，但是当我尝试访问它们时，没有找到/打开图像。

谢谢。

Answer 1

我认为你只需要在 imgUrl 函数中返回文件的路径，即

imgUrl () {
  return './src/assets/images/'
}

因为我看到您正在尝试使用 imgUrl 和 iconPath 函数返回值构造“背景图像”的路径。由于我看不到其余代码的作用，因此我认为这就是您要查找的内容。