vue数据处理时候写bacground图片路径的格式是怎么样的

Question

<el-carousel :interval="3500" arrow="always" >

  <el-carousel-item  v-for="img in carouselFigures" :key="img.id">

    <a  :style="{background: img.index}" target="_blank" class="aaa">

    </a>

  </el-carousel-item>

</el-carousel>

接受数据代码

const that = this;

console.log(that);

//轮播图

this.$http.get(

  that.$interface_+'getRecentImgs'

)

  .then(function (response) {

    if(response.data.status === 1){

      response.data.data.forEach(function(item){

        that.carouselFigures.push({

          src:item.location,

          index:("url(" + require(item.src) + ")"),

          description:item.description

        });

      });

    }else{

      that.$message({

        message: response.data.msg,

        type: 'warning'

      });

    }

  })

  .catch(function (err) {

    console.log(err);

    that.$message({

      message: '数据 error',

      type: 'warning'

    })

  });

  

  **控制台提示**

  [Vue warn]: Invalid prop: type check failed for prop "index". Expected String, got Undefined.

  

  请问那个background的路径该用什么格式写啊

Answer 1

<a&nbsp;:style="'background-image:&nbsp;url('&nbsp;+&nbsp;img.src&nbsp;+&nbsp;')'"></a>

Answer 2

index:("url("&nbsp;+&nbsp;require(item.src)&nbsp;+&nbsp;")"),改为index:("url("&nbsp;item.src&nbsp;+&nbsp;")"),接口返回的图片,应该不在本地吧,不需要 require