当前位置：首页 > 资讯 > 技术文档

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

时间：2022-02-21 03:57 编辑：来源：阅读：
扫一扫，手机访问

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

微信小程序Page中data数据获取和设置 [b]一、Page中data数据的获取和设置：[/b] [b] 1、设置data数据 this.setData(object)[/b] setData() 参数格式：接受一个对象，以 key，value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。

this.setData({ 
; encryptionPage: 'display:block', 
});

[b]2、获取data数据 this.data.object[/b]

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;", 
 }) 
 }, 
)}

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

全部评论(0)

上一篇：微信小程序的生命周期的详解
下一篇：微信小程序 flex实现导航实例详解

资讯排行榜
更多>>