问题描述
我的vuex状态下有一个颜色数组,在我的组件中,我想为来自v-for的每个元素指定每种颜色。
// state
state: {
APIData: {
userInfo: {},allClasses: [
{
subject: 'subject1',...
},{
subject: 'subject2',{
subject: 'subject3',...
}
],classBackGroud: ['red','blue','green',..],},
这是我尝试过的
// component
<v-card
class="col-12"
v-for="(course,index) in APIData.allClasses"
:key="course.subject"
v-bind:style="{color: APIData.classBackGround[index]}"
>
{{ course.subject }}
</v-card>
我想要这样的东西,subject1的颜色为红色,subject2的颜色为蓝色,subject3的颜色为绿色,.. etc。
[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined"
如何实现?
解决方法
您的state
对象具有classBackGroud
,但是您正在尝试渲染classBackGround
。好像是拼写错误。否则,代码对我来说看起来不错。尝试更正属性名称。