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

Question

我正在尝试返回来自api（仅作为'abcd.png'）的不同静态资产（png）的路径，然后使用cycle来在新跨度中显示每个静态资产， -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函数返回值构造“背景图像”的路径。由于我看不到其余代码的用途，因此我假设这就是您想要的。