<img :src="index==0?'../img/xz_ok.png':'../img/xz_no.png'" />  绑定照片

<li v-for="(d,i) in datas.zong" :class="{'red':i+1==now}" @click="page(i+1)">{{i+1}}</li>      根据下标 绑定  class

三目运算 绑定 class<style type="text/css">.red {color: red;}.yellow {color: yellow;}.blue {color: blue;}.green{color: green;}</style><h2 :class="[a? 'yellow':b? 'red':c? 'green':'yellow']">nihao </h2>
 绑定 style

<h1 :style="[a? {color:'red'}:b?{color:'blue'}:{color:'green'}]">h1</h1>

data: {                         a:false,b:false,c:true,}

  

转载于:https://www.cnblogs.com/nns4/p/8550647.html

:src 三目运算相关推荐

  1. Java 基础 之 三目运算

    http://www.verejava.com/?id=16992606159717 public class Operation6 {public static void main(String[] ...

  2. 7——条件判断、三目运算、条件循环、迭代循环

    条件语句 语法结构: if 判断语句1:执行语句1elif 判断语句2:执行语句2else:执行语句 三目运算 a = 3 if a > 5:print(True) else:print(Fal ...

  3. 三目运算法求一个大值,以及指定位数的应用,以及函数的声明,以及函数的嵌套,以及函数的递归,以及用递归法求阶乘

    1.三目运算法 首先一般方法比较两个数的大小 用空格和回车都一样 当结果非x即y的时候 我们可以用三目运算法 z=x>y?x:y 如果表达式成立取前面的值,如果表达式不成立取后面的值 也可以改成 ...

  4. c语言位运算_C语言自增减、逻辑运算、位运算、位移运算及三目运算操作

    你崩溃到凌晨,她和他睡到自然醒... ----  网页云热评 一.自增自减操作 #include int main() { int val = 0, val1 = 0; ++val; //前操作 pr ...

  5. Python基础day02【if结构、if elif 结构、while循环、for循环、Break和continue、Debug 调试、三目运算、循环 else 结构】

    视频.源码.课件.软件.笔记:超全面Python基础入门教程[九天课程]博客笔记汇总表[黑马程序员] Python基础day02 作业解析[6道 if 判断题.9道 循环题]      学习目标: 能 ...

  6. 使用三目运算嵌套方法 或 临时变量方法: 获取三个整数中最大值的数

    package day; import java.util.Scanner; public class Test_11 { // 练习 键盘录入三个整数 比大小 获取最大值 public static ...

  7. Python3.x中的三目运算实现方法

    java中的三目运算 条件语句?为true时的值:为false时的值 例: int a = 3,b= 5; int c = a>b ? 1:0; 因为a>b 为false 输出结果为:c= ...

  8. python_三目运算

    首先确定三目运算的使用条件, if只有两个才能用三目  只有 if:else:  先写个if else的小例子: if push == "lpush":self.conn.lpus ...

  9. java中的三目运算

    博主理解的三目运算 还是萌新小白的博主认为,三目运算和java逻辑中的if else 极为的相似,所以大家刚接触的时候完全可以把它认为就是if else! 想必大家一定都在代码中见过 a==b ? 1 ...

最新文章

  1. 1038 Recover the Smallest Number (30 分)【难度: 中 / 知识点: 贪心 思维】
  2. 【Spark Summit EU 2016】在在线学习中使用Structured Streaming流数据处理引擎
  3. [视频]怎样提升asp.net mvc 软件的性能 - 微软免费视频Improving ASP.NET MVC Application Performance...
  4. SAP Analytics Cloud里取出SAP Cloud for Customer的Reports列表
  5. 牛客网【每日一题】5月8日题目精讲 codeJan与旅行
  6. P1152 欢乐的跳( python3实现)
  7. nutz 自定义sql的使用
  8. python 安装pip和Django
  9. Windows 必知命令
  10. ELK下Kibana的使用
  11. 【学习笔记】程序设计导引及在线实践 数值转换问题
  12. 29 伪造ICMP数据包的IP层
  13. 网页设计html轮播代码,20行js代码实现网页轮播图效果
  14. 金蝶商贸版,后台修改序时簿过滤条件
  15. 带宽在计算机系统中的意义,带宽是什么意思?
  16. 计算机显示器怎么调左右,电脑屏幕内容左右看不到边怎么调
  17. 去除迅雷右侧资源信息栏和迅雷广告,以及迅雷的速度限制修改
  18. 百家号自媒体的文章在哪个时间段发文效果比较好?
  19. 007-Cobbler批量自动化部署Windows10和Server 2019及激活
  20. Android微信代码

热门文章

  1. 《微信公众平台开发最佳实践》——第3章 基 础 接 口 3.1 接收用户消息
  2. Hibernate修改命名策略
  3. Caused by: android.content.res.Resources$NotFoundException: String resource ID #0x0
  4. 【概念原理】四种SQL事务隔离级别和事务ACID特性
  5. VB.NET完成一个功能增强的记事本
  6. 【正一专栏】谁能阻止超神的曼城
  7. Hadoop系列二:Hadoop单节点伪分布部署并执行mapreduce示例wordcount
  8. 计算机板报课作文500字,办板报作文500字
  9. 跨域 || Jsonp
  10. FileChannel应用实例——拷贝文件transferFrom方法