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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了请教一个问题关于vue2中绑定class属性的问题相关的知识,希望对你有一定的参考价值。

参考技术A 解决办法是:将代码中的

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

以上是关于请教一个问题关于vue2中绑定class属性的问题的主要内容,如果未能解决你的问题,请参考以下文章

vue2.* 绑定属性 绑定Class 绑定style 03

JS,Vue2,事件处理,计算属性,监视属性,class与style绑定

关于vue的计算属性以及双向绑定的原理理解(vue2.x)以及vue3.0

Vue2基础

Vue2.0学习—class与style绑定(三十八)

理解VUE2双向数据绑定原理和实现