<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>
accept data code
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