首页 / 知识
class 属性绑定
2023-04-11 13:14:00
Vue.js class
class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。
v-bind 在处理 class 和 style 时， 表达式除了可以使用字符串之外，还可以是对象或数组。
v-bind:class 可以简写为 :class。
class 属性绑定
我们可以为 v-bind:class 设置一个对象，从而动态的切换 class:
实例 1
实例中将 isActive 设置为 true 显示了一个绿色的 div 块，如果设置为 false 则不显示：
<div :class="{ 'active': isActive }"></div>
以上实例 div class 渲染结果为：
<div class="active"></div>
我们也可以在对象中传入更多属性用来动态切换多个 class 。
此外，:class 指令也可以与普通的 class 属性共存。
实例 2
text-danger 类背景颜色覆盖了 active 类的背景色：
<div class="static" :class="{ 'active' : isActive, 'text-danger' : hasError }">
</div>
以上实例 div class 渲染结果为：
<div class="static text-danger"></div>
|
最新内容
相关内容
python如何判断一个数是素数
python如何判断一个数是素数，数字，代码，培训，质数，素数，方法，个数，自然数，不是，思路，python如何判断一个数是素数的方法：一个大于1的自然数，除
python如何比较两个字符串是否相等
python如何比较两个字符串是否相等，培训，工作，字符串，两个，下面，以上，方法，更多，内容，python在实际的开发工作中，经常会遇到要判定两个字符串
python如何确定是否为可迭代对象
python如何确定是否为可迭代对象，培训，元素，索引，对象，整数，字典，函数，类型，下标，模块，迭代可以理解为，任意的集合使用for循环遍历python中，迭
python判断一个数是否为int
python判断一个数是否为int，培训，基础，变量，类型，函数，个数，整数，以上，不是，方法，在python中如何判断一个数是不是整数?其实python有两种查看
pythonnan是什么
pythonnan是什么，培训，系统，电脑，无穷大，个数，类型，定义，操作系统，以上，表示，NaN是浮点数的一个值，代表“不是数”，通常是除0错误python中可以
python判断dict中key是否存在
python判断dict中key是否存在，培训，通用，第一，字典，方法，结果，函数，属性，做法，上面，今天来说一下如何判断字典中是否存在某个key，一般有两种通
pythonelif语句报错是什么原因
pythonelif语句报错是什么原因，培训，语句，数据，条件，程序，结果，内容，变量，使用方法，更多，python的else和elif语句也可以叫做子句，因为它们不能
pythonpython是前端语言吗?
pythonpython是前端语言吗?，代码，互动，培训，平台，标准，设计，语言，前端，语法，解释性，python语言属于后端开发语言。Python是一个高层次的结合
python判断元素是否是字符串类型
python判断元素是否是字符串类型，培训，异常，类型，实例，字符串，数据类型，对象，元素，参数，序列，isinstance()是Python中的一个内建函数语法：isin
python判断字符串是否包含中文
python判断字符串是否包含中文，培训，检测，代码，字符串，中文，字符，范围，空格，原理，以上，原理：中文字符的编码范围是：\u4e00-\u9fff只要编码在
python判断数组list是否为空
python判断数组list是否为空，培训，数组，根据，语句，长度，逻辑，后面，表示，以上，条件，判断数组为空，是一个常见用法。python–方法：根据长度判断长python如何判断一个数是否是素数
python如何判断一个数是否是素数，代码，数字，培训，情况，质数，素数，自然数，不是，循环体，个数，先来看下什么是python质数：质数(Primenumber)，又称