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

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

博客作者:【快码FOF编程】

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

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

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

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

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

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

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

 

默认排序
Generic placeholder image
Generic placeholder image
认真学习 Time: 2023-05-25 18:08:44

冒号属性绑定语法,实现动态修改属性。


快码编程移动端开发之属性绑定语法