2022微信小程序Page中data数据操作和函数调用详解

 所属分类:php教程

 浏览:182次-  评论: 0次-  更新时间:2022-10-08
描述:更多教程资料进入php教程获得。 本文主要介绍微信小程序Page中data数据操作和函数调用的相关资料,希望通过本文能帮助到大家掌握这方法,需...
更多教程资料进入php教程获得。 本文主要介绍微信小程序Page中data数据操作和函数调用的相关资料,希望通过本文能帮助到大家掌握这方法,需要的朋友可以参考下,希望能帮助到大家。

微信小程序Page中data数据获取和设置

一、Page中data数据的获取和设置:

1、设置data数据 this.setData(object)

setData() 参数格式:接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常灵活,以数据 路径的形式给出,如 array[2].message,a.b.c.d,并且不需要在 this.data 中预先定义。

this.setData({ 
; encryptionPage: 'display:block', 
});
登录后复制

2、获取data数据 this.data.object

var text=this.data.text
登录后复制
Page({ 
 data: { 
 encryption: "color: green; border-bottom-color: green; border-bottom-size: 1px; border-bottom-style: solid;", 
 decryption: "color: gray; border-bottom-color: #F5F5F5; border-bottom-size: 1px; border-bottom-style: solid;", 
 encryptionPage:'display:block', 
 decryptionPage:'display:none', 
 originalText:'', 
 encryptedText:'', 
 originalTextDecode:'', 
 encryptedTextDecode:'', 
 encryptedPassword:'', 
 decryptedPassword:'', 
},
登录后复制
 setEncryption: function(e){ 
 this.setData({ 
 encryptionPage: 'display:block', 
 decryptionPage: 'display:none', 
 encryption: "color: green; border-bottom-color: green; border-bottom-size: 1px; border-bottom-style: solid;", 
 decryption: "color: gray; border-bottom-color: #F5F5F5; border-bottom-size: 1px; border-bottom-style: solid;", 
 }) 
 }, 
)}
登录后复制

相关推荐:

微信小程序把文字玩出花样(弹幕)

以上就是微信小程序Page中data数据操作和函数调用详解的详细内容,更多请关注zzsucai.com其它相关文章!

积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!