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


Posted in Javascript onSeptember 27, 2017

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

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

Javascript 相关文章推荐
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 Javascript
jquery DIV撑大让滚动条滚到最底部代码
Jun 06 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
Jan 25 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
May 18 Javascript
JS模仿手机端九宫格登录功能实现代码
Apr 28 Javascript
Jquery基础之事件操作详解
Jun 14 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
vue双向绑定简要分析
Mar 23 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
Aug 22 Javascript
Django模板继承 extend标签实例代码详解
May 16 Javascript
手把手15分钟搭一个企业级脚手架
Sep 16 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 #Javascript
微信小程序中button组件的边框设置的实例详解
Sep 27 #Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 #Javascript
vue-cli项目中怎么使用mock数据
Sep 27 #Javascript
javaScript实现复选框全选反选事件详解
Nov 20 #Javascript
javaScript实现滚动条事件详解
Mar 24 #Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
Sep 27 #Javascript
You might like
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
php学习之function的用法
2012/07/14 PHP
CodeIgniter中实现泛域名解析
2014/07/19 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
JavaScript中的无阻塞加载性能优化方案
2014/10/10 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
[01:03:27]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
用Python实现通过哈希算法检测图片重复的教程
2015/04/02 Python
python实现连接mongodb的方法
2015/05/08 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
Python实现购物车程序
2018/04/16 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
Django中的cookie和session
2019/08/27 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
韩国现代百货官网:Hmall
2018/03/21 全球购物
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
应聘医药代表职位求职信
2013/10/21 职场文书
转正申请报告格式
2015/05/15 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP
python机器学习Github已达8.9Kstars模型解释器LIME
2021/11/23 Python
JavaScript事件的委托(代理)的用法示例详解
2022/02/18 Javascript
奥特曼十大神器:奥特手镯在榜,第一是贝利亚的神器
2022/03/18 日漫
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python