vue 三元表达式当出现elif

方式一:

<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}}
原文地址:https://www.cnblogs.com/cherylgi/p/13408456.html