鍍金池/ 問答/HTML/ 花括號里三元運算符問題

花括號里三元運算符問題

后臺給我返回來一個判斷type_name分為車商和車型，車型取car_title,車商取title。請問怎么在花括號里判斷？

這是我寫的，會報錯：
<span class="person_name">{{item.type_name == '車商'？item.title:item.type_name == '車型' ? item.car_title:'暫無數(shù)據(jù)'}}</span>
這是后臺返回的數(shù)據(jù)：
{
    "id": 3,
    "uid": 1,
    "type_id": 2,
    "relation_id": 1,
    "create_time": "2018年04月25 21:40",
    "car_title": null,
    "car_content": null,
    "car_pic": null,
    "title": "超級管理員",
    "type_name": "車商"
}
回答
編輯回答
艷骨

vue 代碼這樣寫哦~

<span class="person_name">
<p v-if="item.type_name == '車商'">{{item.title}}</p>
<p v-if="item.type_name == '車型'">{{item.car_title}}</p>
</span>

三目運算可能會有坑，就是 非 車商 車型 情況 哈~

2017年3月13日 20:38
編輯回答
尋仙

問題描述清楚點呢，看得腦殼疼。版面也排排好啊。

2018年3月8日 20:58
編輯回答
做不到
# 三目運算
a == 1 ? true : false
<span class="person_name">{{item.type_name == '車商' ? item.title : (item.type_name == '車型' ? item.car_title : '暫無數(shù)據(jù)')}}</span>
2017年3月27日 04:08
編輯回答
孤巷
<span class="person_name">
    {{item.type_name == '車商' ? item.title:(item.type_name == '車型' ? item.car_title:'暫無數(shù)據(jù)')}}
</span>

這是在dom中直接判斷

在js中的判斷話樓上已給出正確答案

已修正代碼，邏輯是找有沒有車商，如果有顯示title，如果沒有再找有沒有車型，如果有車型顯示car_title，如果還是沒有的話提示暫無數(shù)據(jù)

收下不謝

2017年12月20日 07:48
編輯回答
凝雅
{{(item.type_name === '車商' ? item.title : item.car_content) || '暫無數(shù)據(jù)'}}
2017年5月12日 16:50
編輯回答
憶當年
  • 三元運算表達式
<span class="person_name">{{item.type_name == '車商' ? item.title : item.type_name == '車型' ? item.card_title : '暫無數(shù)據(jù)'}}</span>
  • 使用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">'暫無數(shù)據(jù)'</span>
  • 使用方法
<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 '暫無數(shù)據(jù)';
}

}

2017年11月4日 07:23