Vue 属性循环数组对象如何赋值属性？

Question

template:

<el-carousel indicator-position="none">

<el-carousel-item v-for="item in items">
    <img :src="item.imgsrc" alt="">
</el-carousel-item>

</el-carousel>

javascript:

data () {

return {
    items:[{
        imgsrc:'../images/slideimg/1.jpg'
    },{
        imgsrc:'../images/slideimg/2.jpg'
    },{
        imgsrc:'../images/slideimg/3.jpg'
    }]
}

}

问题：循环遍历数组并不能取到imgsrc的值？如何处理？问题可能是出现在:src="item.imgsrc"写法上面。

Answer 1

我试了一下可以取到，题主的问题主要是json数据里多了一个大括号~

return {
    items:[
        {imgsrc:'../images/slideimg/1.jpg'},
        {imgsrc:'../images/slideimg/2.jpg'},
        {imgsrc:'../images/slideimg/3.jpg'}
    ]
};

改成这样就好了

Answer 2

问题的原因出现在我放置的文件目录是相对目录。在开发模式下就不能找到具体的位置。文章原因：http://www.jianshu.com/p/f82c...