这篇文章主要介绍了微信小程序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数据操作和函数调用”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!