详解微信小程序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 相关文章推荐
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
基于JavaScript 类的使用详解
May 07 Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
vue实现页面加载动画效果
Sep 19 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
elementUI多选框反选的实现代码
Apr 03 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
Javascript原型链及instanceof原理详解
May 25 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
人大复印资料处理程序_查询篇
2006/10/09 PHP
网络资源
2006/10/09 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
PHP实现生成透明背景的PNG缩略图函数分享
2014/07/08 PHP
ci检测是ajax还是页面post提交数据的方法
2014/11/10 PHP
使用PHP uniqid函数生成唯一ID
2015/11/18 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
Bootstrap滚动监听(Scrollspy)插件详解
2016/04/26 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
jquery实现全选、不选、反选的两种方法
2016/09/06 Javascript
JS不完全国际化&本地化手册 之 理论篇
2016/09/27 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
ionic实现下拉刷新载入数据功能
2017/05/11 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
vue 自定义组件的写法与用法详解
2020/03/04 Javascript
Element MessageBox弹框的具体使用
2020/07/27 Javascript
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
Python中的is和id用法分析
2015/01/26 Python
Python中dict和set的用法讲解
2019/03/28 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
Django如何在不停机的情况下创建索引
2020/08/02 Python
python中复数的共轭复数知识点总结
2020/12/06 Python
互动出版网:专业书籍
2017/03/21 全球购物
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
编程输出如下图形
2013/11/24 面试题
师范生个人推荐信
2013/11/29 职场文书
简单英文演讲稿
2014/01/01 职场文书
大学毕业感言一句话
2014/02/06 职场文书
2014年药剂科工作总结
2014/11/26 职场文书