详解微信小程序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基础知识filter()和find()实例说明
Jul 06 Javascript
js中将具有数字属性名的对象转换为数组
Mar 06 Javascript
关于JAVASCRIPT urldecode URL解码的问题
Jan 08 Javascript
深入浅析同源策略和跨域访问
Nov 26 Javascript
javascript每日必学之循环
Feb 19 Javascript
jQuery简单创建节点的方法
Sep 09 Javascript
原生js实现ajax方法(超简单)
Sep 20 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
小程序实现展开/收起的效果示例
Sep 22 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
js实现简单掷骰子小游戏
Oct 24 Javascript
vue 在服务器端直接修改请求的接口地址
Dec 19 Vue.js
深入理解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 class类的用法详细总结
2013/10/17 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
PHP 实现 JSON 数据的编码和解码操作详解
2020/04/22 PHP
js中有关IE版本检测
2012/01/04 Javascript
jquery获取焦点和失去焦点事件代码
2013/04/21 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
原生js实现轮播图的示例代码
2017/02/20 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
layui使用及简单的三级联动实现教程
2020/12/01 Javascript
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
Python随机生成手机号、数字的方法详解
2017/07/21 Python
教你学会使用Python正则表达式
2017/09/07 Python
Python 实现购物商城,含有用户入口和商家入口的示例
2017/09/15 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
python实现贪吃蛇小游戏
2020/03/21 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
Django认证系统user对象实现过程解析
2020/03/02 Python
python实现微信打飞机游戏
2020/03/24 Python
大学毕业生求职自荐信
2014/02/20 职场文书
五一促销活动总结
2014/07/01 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
领导欢迎词范文
2015/01/26 职场文书
开业庆典致辞
2015/08/01 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js
Python实现生活常识解答机器人
2021/06/28 Python