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

2019-11-19 15:17:02

字体：大中小

来源：转载

供稿：网友

微信小程序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;",  })  }, )}

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

上一篇：EasyUI Tree树组件无限循环的解决方法

下一篇：深入理解Vue生命周期、手动挂载及挂载子组件