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}}