动态绑定class的方法

1.最简单的是class声明多个固定类名：

<div class='item active'></div>

2.对象方法是实现动态class
（1）一个class的：

<div :class="{'active':isopen}"></div>
<div :class="{'active':isopen == 1}"></div>
多个class的：

（2）多个class的：

<div :class="{'active':isopen == 1,'common':isSecond}"></div>
<div :class="{'active':isopen == 1,'common':ture}"></div>
<div :class="{'active':isopen == 1,'common':1}"></div>
注意：如果有动态的有固定的，固定的不能只写一个class类名，会报错，可以给他一个true或者1的值就可以

3.数组的写法：
（1）数据和三元运算符结合：

<div :class="[isopen?'active':'active1']"></div>
<div :class="[isopen == 1?'active':'active1']"></div>

（2）数组和对象结合：

<div :class="[isopen?'active':'active1',{'active1':isopen == 1}]"></div>

（3）数组和对象还有静态class结合：

<div :class="[isopen?'active':'active1',{'active1':isopen == 1},'item item1']"></div>
多个静态class用空格隔开

这些同样可以在data中生命一个变量，class用变量展示

动态绑定class的方法相关推荐

bootstrap select下拉框模糊搜索和动态绑定数据解决方法
bootstrap select下拉框模糊搜索和动态绑定数据解决方法参考文章: (1)bootstrap select下拉框模糊搜索和动态绑定数据解决方法 (2)https://www.cnblog ...
python入门--动态绑定属性和方法
#动态绑定属性和方法 #Python是动态语言,在创建对象后,可以动态的绑定属性和方法 class Student:def __init__(self,name,age):#初始化方法self.nam ...
Python动态绑定属性和方法
当我们定义了一个 class,创建了一个 class 的实例后,我们可以给该实例绑定任何属性和方法,也可以给类绑定任何属性和方法,这就是动态语言的灵活性. 给实例绑定属性和方法,每个实例之间新增的部分 ...
jquery动态绑定事件的方法_Jquery绑定事件及动画效果
绑定事件 bind(type, data, fuc) one(type, data, fuc) //只执行一次常见事件类型名称含义blur失去焦点focus获得焦点load加载resize重置大小 ...
Java基础【之】面向对象编程（封装、继承（extends、方法重写、super）、多态（动态绑定、重载/重写）、代码实现）
Java基础[之]面向对象编程(封装.继承.多态.代码实现) 1.封装 2.继承 2.1.extends 2.2.方法重写 2.3.super 3.多态 3.1.对象的多态.方法的多态 3.2.动态绑 ...
【Java SE】继承；组合；向上转型；动态绑定；方法重写；静态绑定；多态；抽象类；接口；
面向对象编程文章目录 1. 包 1.1 导入包中的类 1.2 静态导入 1.3 将类放到包中 1.4 包的访问权限控制 1.5 常见的系统包 2. 继承 2.1 语法规则 2.2 protected ...
java tostring方法_Java虚拟机如执行方法调用的(二)?
虚方法调用 Java里所有非私有实例方法调用都会被编译成invokevirtual指令. 接口方法调用都会被编译成invokeinterface指令.这两种指令都属于Java虚方法的调用. 在大多数情 ...
Java多态与泛型，动态绑定，静态绑定
文章目录 (一)多态 1.概念 1.1 使用继承: 1.2 实现接口(推荐): 2.作用 3.多态的实现原理 3.1 Java 动态绑定以及内部实现机制程序绑定的概念关于final.static. ...
JAVA方法调用过程（最详细的解释）
弄清楚方法的调用过程,对于我们学习java极为重要,下面是调用过程的详细描述: 1.编译器查看对象的声明类型和方法名. 编译器去寻找所有名字为f但参数类型不同的方法.例如可能存在方法f(int)和方法 ...

动态绑定class的方法

动态绑定class的方法相关推荐

最新文章

热门文章