属性绑定

1. 概念

将属性绑定至元素,可以显示或改变元素的属性,如链接、图片等。

2. 使用场景

需要设置属性的元素。

3. 绑定参数

绑定参数是含有变量名的代码。参数格式为{"属性":变量},变量命名必须以字母开头,并且字母只能小写,变量名可包含字母和数字。如果后端提供相应变量名,则使用后端提供的变量名。如果需要绑定多个属性,那么需要以英文逗号分开,例如{"属性1":变量1,"属性2":变量2}。

4. 绑定方法

右键点击目标元素→逻辑→数据绑定→绑定模式:属性绑定→绑定参数:填写对应参数→增加绑定→确定。

5. 常用效果

属性绑定实例1

文本内容绑定

属性绑定实例2

可见性绑定

属性绑定实例3

css类绑定

6. 绑定变量初始化

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