javascript - vue中图片链接地址已经渲染出来了,控制还是报错?
本文介绍了javascript - vue中图片链接地址已经渲染出来了,控制还是报错?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
从后台获取的数据,已经渲染到页面上了,控制台还是报undefined的错误
<div class="slider">
<div class="item" >
<transition name="slider-trans" >
<img v-if="isShow" :src='sliders[nowIndex].picUrl'>
</transition>
</div>
</div>
export default{
data (){
return{
sliders: [],
nowIndex: 0,
isShow: true
}
},
created(){
this._getRecommend(),
},
methods: {
_getRecommend(){
getRecommend().then((res)=>{
if(res.code==0){
console.log(res.data.slider);
var slidesArr = res.data.slider;
for (let i = 0;i < slidesArr.length;i++) {
this.sliders.push(slidesArr[i])
}
}
})
},
}
}
解决方案
因为一开始 slider 里确实是空的,什么也没有啊,后来出来了是因为你的网络请求回来了
<img v-if="isShow && sliders[nowIndex]" :src='sliders[nowIndex].picUrl'>
这篇关于javascript - vue中图片链接地址已经渲染出来了,控制还是报错?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文