[踩坑记录] :class的使用及数组样式不生效问题

[踩坑记录] :class的使用

今天遇到了一个大坑，花了我好长时间
用v-if 不用加 Number()
而用：class时要加上 Number()
例：数组长度判断的时候应该这么写

Number(checkItem.CheckFiles.length)!==0)

常见三元一次表达式写法：

  :class="Number(checkItem.CheckFiles.length)!==0? 'qidIndexGray' :'qidIndexUnChecked'" 

:class="checkItem.CheckResult==3? 'qidIndexGray' :(checkItem.ApplicateDescription=='')?
 'qidIndexUnChecked':(checkItem.ApplicateDescription !=='')?'qidIndexChecked':''" 

:class="checkItem.CheckResult==3? 'qidIndexGray' :(checkItem.ApplicateDescription==''&&Number(checkItem.CheckFiles.length)==0)?
  'qidIndexUnChecked':(checkItem.ApplicateDescription !==''||Number(checkItem.CheckFiles.length)!==0)?'qidIndexChecked':''"