vue 三元表达式当出现elif
2024-10-09 12:28:18
方式一:
<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}}
最新文章
- entityframework学习笔记--009-使用原生sql语句操作数据
- HTML5+JS 《五子飞》游戏实现(五)移动棋子
- [转]jquery 点击表格变为input可以修改无刷新更新数据
- WPF 自定义Metro Style窗体
- jQuery AJAX实例
- lintcode:恢复IP地址
- 设置transparent是否多此一举
- RFC 文档(中文与英文)
- C#导出Word或Excel文件总显示Html标记
- 使用iframe从网页调起移动端应用
- 从零开始理解JAVA事件处理机制(2)
- Python构建发布
- Jz2440 环境安装
- VIP系统
- 转 Failed to run the WC DB work queue associated with 错误的解决
- Json对象与Json字符串
- jsp编译原理
- 代码规范审查 - Sonar集成Visual Studio
- Apache httpd服务部署
- 申请单位iOS开发者账号