详解微信小程序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 相关文章推荐
jQuery代码优化 选择符篇
Nov 01 Javascript
JavaScript获取onclick、onchange等事件值的代码
Jul 22 Javascript
js触发onchange事件的方法说明
Mar 08 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
JavaScript实现in-place思想的快速排序方法
Aug 07 Javascript
Canvas放置反弹效果随机图形(实例)
Aug 17 Javascript
javascript 产生随机数的几种方法总结
Sep 26 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
Jun 25 Javascript
微信小程序实现授权登录
May 15 Javascript
VUE.js实现动态设置输入框disabled属性
Oct 28 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 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中的Base62类(适用于数值转字符串)
2013/08/12 PHP
php实现简单的MVC框架实例
2015/09/23 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
php+mysql实现简单登录注册修改密码网页
2016/11/30 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
跨域请求之jQuery的ajax jsonp的使用解惑
2011/10/09 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
超炫的jquery仿flash导航栏特效
2014/11/11 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
深入学习jQuery Validate表单验证(二)
2016/01/18 Javascript
谈谈JavaScript中的几种借用方法
2016/08/09 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
layui多图上传实现删除功能的例子
2019/09/23 Javascript
微信小程序批量上传图片到七牛(推荐)
2019/12/19 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
Python3 入门教程 简单但比较不错
2009/11/29 Python
Python查询IP地址归属完整代码
2017/06/21 Python
Python中循环后使用list.append()数据被覆盖问题的解决
2018/07/01 Python
Python3爬虫学习入门教程
2018/12/11 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
如何安装2019Pycharm最新版本(详细教程)
2019/09/26 Python
Python创建空列表的字典2种方法详解
2020/02/13 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
教师自我评价范文
2013/12/16 职场文书
活动总结报告格式
2014/05/09 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
小学生手册家长意见
2015/06/03 职场文书
演讲比赛主持词
2015/06/29 职场文书
工作简历的自我评价
2019/05/16 职场文书