首页 > 其他 > 详细

vue 三元表达式及类似用法

时间:2019-12-26 16:48:32      阅读:1674      评论:0      收藏:0      [点我收藏+]
 

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

vue 三元表达式及类似用法

原文:https://www.cnblogs.com/skytoangel/p/12102322.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!