花括号里三元运算符问题

Question

后台给我返回来一个判断type_name分为车商和车型，车型取car_title,车商取title。请问怎么在花括号里判断？

这是我写的，会报错：

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

这是后台返回的数据：

{
    "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": "车商"
}

Answer 1

• 三元运算表达式

<span class="person_name">{{item.type_name == '车商' ? item.title : item.type_name == '车型' ? item.card_title : '暂无数据'}}</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">'暂无数据'</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 '暂无数据';
}

}

Answer 2

# 三目运算
a == 1 ? true : false
<span class="person_name">{{item.type_name == '车商' ? item.title : (item.type_name == '车型' ? item.car_title : '暂无数据')}}</span>

Answer 3

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>

三目运算可能会有坑，就是 非 车商 车型 情况 哈~

Answer 4

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

这是在dom中直接判断

在js中的判断话楼上已给出正确答案

已修正代码，逻辑是找有没有车商，如果有显示title，如果没有再找有没有车型，如果有车型显示car_title，如果还是没有的话提示暂无数据

收下不谢

Answer 5

{{(item.type_name === '车商' ? item.title : item.car_content) || '暂无数据'}}

Answer 6

问题描述清楚点呢，看得脑壳疼。版面也排排好啊。