vue.js - Vue 属性循环数组对象如何赋值属性？

问题描述

问 题

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"写法上面。

解决方案

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

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

改成这样就好了

这篇关于vue.js - Vue 属性循环数组对象如何赋值属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！