css类绑定

1. 概念

将css类绑定至元素,绑定的css类会覆盖元素原有文本内容。

2. 使用场景

需要css类的元素,可以显示或改变元素的css类。

3. 绑定参数

参数格式为:{"类名":判断条件} ,判断条件可以是变量、表达式, 只要判断条件的最终结果为真,前面的类就添加上;为假,类就去掉。

变量命名必须以字母开头,并且字母只能小写,变量名可包含字母和数字。如果后端提供相应变量名,则使用后端提供的变量名。

4. 绑定方法

右键点击目标元素→逻辑→数据绑定→绑定模式:css类绑定→绑定参数:按照格式填写。

下图中的a为使用者在样式类文件中添加的样式类的名字。

5. 常用效果

css类绑定实例1

红色css类

css类绑定实例2

蓝色css类

点击切换css类绑定

点击切换css类

6. 绑定变量初始化

绑定变量初始化的作用是给变量赋值,即给元素提供发生事件时所需的数据,点击查看详细操作