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 :style="'background-image: url(' + img.src + ')'"></a>

Answer 2

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

改为

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

接口返回的图片,应该不在本地吧,不需要 require