详解微信小程序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 相关文章推荐
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
May 28 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
Nov 30 Javascript
JavaScript中双叹号(!!)作用示例介绍
Apr 10 Javascript
Html5 js实现手风琴效果
Apr 17 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
Sep 17 Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
Feb 22 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
Apr 22 Javascript
JS实现图片切换特效
Dec 23 Javascript
封装 axios+promise通用请求函数操作
Aug 11 Javascript
vue将data恢复到初始状态 && 重新渲染组件实例
Sep 04 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
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
PHP实现递归无限级分类
2015/10/22 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
javascript 主动派发事件总结
2011/08/09 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
js模仿php中strtotime()与date()函数实现方法
2015/08/11 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
2016/06/03 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
2017/01/18 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
激动人心的 Angular HttpClient的源码解析
2017/07/10 Javascript
vue按需加载实例详解
2019/09/06 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
python实现比对美团接口返回数据和本地mongo数据是否一致示例
2019/08/09 Python
django之自定义软删除Model的方法
2019/08/14 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
德国著名廉价网上药店:Shop-Apotheke
2017/07/23 全球购物
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
惠普香港官方商店:HP香港
2019/04/30 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
Unix/Linux开发面试题
2016/08/16 面试题
勤俭节约倡议书
2014/04/14 职场文书
秋天的雨教学反思
2014/04/27 职场文书
本科毕业生自荐信
2014/05/26 职场文书
装配出错检讨书
2014/09/23 职场文书
教师调动申请报告
2015/05/18 职场文书
高一军训口号
2015/12/25 职场文书
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers