首页 > 开发 > JS > 正文

vue中图片链接地址已经渲染出来了,控制还是报错?

2017-09-05 05:51:25  来源:网友分享

从后台获取的数据,已经渲染到页面上了,控制台还是报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'>