vue 三元表达式及类似用法

方式1：

<span class="person_name">{{item.type_name == '车商' ? item.title : item.type_name == '车型' ? item.card_title : '暂无数据'}}</span>

 

方式2：v-if

<span v-if="item.type_name == '车商'" class="person_name">{{item.car_title}}</span>
<span v-if="item.type_name == '车型'" class="person_name">{{item.title}}</span>
<span v-else class="person_name">'暂无数据'</span>

方式3：（方法）

<span class="person_name">{{getTitle(item)}}</span>



getTitle(data){

if(data.type_name == '车商'){
    return data.title;
}else if(data.type_name == '车型'){
    return data.car_title;
}else{
    return '暂无数据';
}
}

 

 

简式：{{ddd == null ? "" : ddd}}