详解微信小程序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 读后台cookie代码
Sep 15 Javascript
javascript显示选择目录对话框的代码
Nov 10 Javascript
js获取height和width的方法说明
Jan 06 Javascript
Javascript获取当前时间函数和时间操作小结
Oct 01 Javascript
jQuery中extend函数详解
Jul 13 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
Vue项目分环境打包的实现步骤
Apr 02 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 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+mysql保存和输出文件
2006/10/09 PHP
通过具体程序来理解PHP里面的抽象类
2010/01/28 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
Javascript 继承机制实例
2009/08/12 Javascript
jquery 双色表格实现代码
2009/12/08 Javascript
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
javascript实现简单的进度条
2015/07/02 Javascript
JS数组去掉重复数据只保留一条的实现代码
2016/08/11 Javascript
浅析Vue中method与computed的区别
2018/03/06 Javascript
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
Pycharm学习教程(2) 代码风格
2017/05/02 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
Django中使用 Closure Table 储存无限分级数据
2019/06/06 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
python与C、C++混编的四种方式(小结)
2019/07/15 Python
基于python SMTP实现自动发送邮件教程解析
2020/06/02 Python
matplotlib 三维图表绘制方法简介
2020/09/20 Python
css3实现超立体3D图片侧翻倾斜效果
2014/04/16 HTML / CSS
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
linux面试题参考答案(4)
2014/09/21 面试题
乡镇消防安全责任书
2014/07/23 职场文书
个人授权委托书
2014/09/15 职场文书
关于工作经历的证明书
2014/10/11 职场文书
先进工作者事迹材料
2014/12/23 职场文书
学雷锋倡议书
2015/01/19 职场文书
大学毕业生自我评价
2015/03/02 职场文书
卖车协议书范文
2016/03/23 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS