Question

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

Answer 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的代码，也就不会触发错误。