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

Question

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

Answer 1

因为一开始 slider 里确实是空的，什么也没有啊，后来出来了是因为你的网络请求回来了

<img v-if="isShow && sliders[nowIndex]" :src='sliders[nowIndex].picUrl'>