当前博客：快码编程移动端开发之属性绑定语法

252 次浏览【转载需注明来源】

收藏内容 (0) (0)

个性签名：寒窗苦读十年一朝凤舞九天

在快码编程中，如果想要对控件的属性进行动态更改，则也可以使用UniApp的模版绑定语法。

例如下方代码实现一个最基础的按钮点击效果：

<页面>
	<按钮 按钮样式="默认" 效果保留时间="2000" 点击效果="点击效果" 效果触发时间="2000">你好按钮</按钮>
</页面>
<脚本>
	局部变量 数据层 = {
		//所有的页面数据,请在本处定义
		
	};
</脚本>
<脚本>
	局部变量 方法层 = {
		//所有页面方法,请在本处定义
		
	};
</脚本>
<样式>
	.点击效果{
	    背景-颜色: 颜色值-粉色;
	}
</样式>

现在我们有一个需求，就是可以使效果保留时间和效果触发时间属性由数据层来控制；那么则可以使用属性绑定模版语法；在快码编程的UniApp语法中，绑定属性的模版语法为:属性名="数据层.成员"；我们可以用一段代码来演示一下：

<页面>
	<按钮 按钮样式="默认" :效果保留时间="数据层.效果保留时间" 点击效果="点击效果" :效果触发时间="数据层.效果触发事件">你好按钮</按钮>
</页面>
<脚本>
	局部变量 数据层 = {
		//所有的页面数据,请在本处定义
		效果保留时间:3000,
		效果触发事件:1000
	};
</脚本>
<脚本>
	局部变量 方法层 = {
		//所有页面方法,请在本处定义
		
	};
</脚本>
<样式>
	.点击效果{
	    背景-颜色: 颜色值-粉色;
	}
</样式>

总结：通过:【冒号】属性绑定语法，则可以实现动态的设置一些属性的值！