请教一个问题关于vue2中绑定class属性的问题

2024-12-29 10:02:58
推荐回答(1个)
回答1:

解决办法是:将代码中的

:class="{
'step-bar': status.code == project.attributes.status,
'next': status.code > project.attributes.status
}"
部分,先判断下project.attributes是否存在,代码如下:

:class="{
'step-bar': project.attributes && status.code == project.attributes.status,
'next': project.attributes && status.code > project.attributes.status
}"
这样如果project.attributes不存在则直接返回false,由于&&运算符的截断,所以不会运行含有project.attributes.status的代码,也就不会触发错误。