1.三元表达式的嵌套使用

三元表达式的嵌套使用

在vue项目中,动态绑定class或style时,常常会用到三元表达式。

1. 三元表达式的普通用法：a = 条件？值1：值2
2. 三元表达式的嵌套用法：a = 条件1？值1 : (条件2？值2 : 条件3？值3：值4)
   嵌套写法相当于：
   if (条件1) {
       a = 值1；
   }else if (条件2){
       a = 值2；
   }else if (条件3){
       a = 值3；
   }else {
       a = 值4；
   }

<!-- 简单使用 -->
<!-- 对请求到的数据做一个基本判断,给不同的class -->
<div :class="list.length? 'class1': 'class2'"></div>