vue的v-if和v-else-if判断的应用
2017-11-16 18:01
288 查看
<div class="car_gl"> <div v-for="gl in Article"> <div class="new_box1 clearfix" v-if="gl.images.length==1"> <div class="box1_left"> <p>{{gl.title}}</p> <div class="box1_zuozhe clearfix"> <span>{{gl.createtime}}</span> <i>{{gl.read_num}}次浏览</i> </div> </div> <img class="box1_img" :src="gl.images" alt="" /> <a :href="'../strategy/strategyDetail.html?id='+gl.id"></a> </div> <div class="new_box2 clearfix" v-else-if="gl.images.length==3"> <p>{{gl.title}}</p> <div class="img_box2"> <img v-for="image in gl.images" :src="image"> </div> <div class="box2_zuozhe clearfix"> <i>{{gl.createtime}}</i> <strong>{{gl.read_num}}人已阅读</strong> </div> <a href="#"></a> </div> </div> </div>
判断文章中含有几张图片,来显示相应的结构
相关文章推荐
- Vue.js常用指令汇总(v-if//v-show//v-else//v-for//v-bind//v-on等)
- Linux--Shell脚本(二)条件判断之if else
- mysql null 值的判断替换, ifnull函数的应用
- 【原理】vue的v-if和v-else、v-bind实现的登录界面案例
- 求1+2+…+n, 要求不能使用乘除法、for、while、if、else、switch、case等关键字以及条件判断语句(A?B:C)。
- Linux Shell脚本应用——使用if判断结构
- ng-class中的if else判断
- Python中的判断、循环 if...else,while
- React中使用if else 条件判断
- Python中条件判断 if, elif, else的使用
- 实现1+2+3...+n,要求不能使用乘除法、for、while、if、else、switch、case等关键字以及条件判断语句(A?B:C)
- if_else的成绩查询简单应用
- Objective-C学习笔记(七)——if-else条件判断语句
- 求1+2+3+...+n,要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句(A?B:C)。
- R语言:if-else条件判断及any、all、na.omit使用方法
- SqlServer 存储过程 if else 两层判断 语句拼接
- 用设计模式来代替臃肿的ifelse层层判断
- 流程判断(if...else)
- React中使用if else 条件判断
- java设计模——反射的应用 (利用反射来去除if判断语句)