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&nbsp;v-if="isShow&nbsp;&&&nbsp;sliders[nowIndex]"&nbsp;:src='sliders[nowIndex].picUrl'>