详解微信小程序Page中data数据操作和函数调用
更新时间：2017年09月27日 15:26:16 作者：tangxiujiang
这篇文章主要介绍了详解微信小程序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;",
})
},
)}
如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要为大家介绍了Three.js引用和环境搭建过程详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
这篇文章主要介绍了微信小程序 扎金花简单实例的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了微信小程序 location API实例详解的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了JavaScript作用域详情,作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突,下面文章我们一起来了解更多的详细内容，需要的小伙伴也可以参考一下2021-12-12
这篇文章主要为大家介绍了echart实现大屏动效示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了微信小程序 modal弹框组件详解的相关资料,并附简单实例,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了微信小程序 动态的设置图片的高度和宽度详解及实例代码的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要为大家介绍了Proxy的不可变数据优点及使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要为大家介绍了前端canvas中物体边框和控制点的实现示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要为大家介绍了Three.js实现雪糕地球的使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论