Uploads为存放图片的文件夹,
data存放拼接的url,设置为数组:
data:function(){
return{
floag:"",
list:'',
imgs:[],
url:[],
}
},
在请求数据是对url进行拼接,且加上加上require,require为访问本地链接,这点和react一样,因为vue的url会被放在static内,不加require不会报错,但图片也不会显示:
created:function(){
this.$http.post("http://10.80.7.185/tp2/index.php?m=Home&c=add&a=zhuye"
).then((res)=>{
for (var i=0; i<res.data.length; i++){
// var path = '../Uploads/'+res.data[i].pic[0];
this.imgs.push(require('../Uploads/'+res.data[i].pic[0]));
this.url.push(require('../Uploads/'+res.data[i].landlord_img))
}
this.list = res.data;
console.log(this.list)
}).catch((error)=>{
console.log(error)
})
}