详解微信小程序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折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 Javascript
基于jQuery的history历史记录插件
Dec 11 Javascript
自己做的模拟模态对话框实现代码
May 23 Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 Javascript
jQuery封装的tab选项卡插件分享
Jun 16 Javascript
详解微信小程序 相对定位和绝对定位
May 11 Javascript
解决vue router使用 history 模式刷新后404问题
Jul 19 Javascript
vue2.x select2 指令封装详解
Oct 12 Javascript
vue项目添加多页面配置的步骤详解
May 22 Javascript
Vue中实现权限控制的方法示例
Jun 07 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 Vue.js
JS Canvas接口和动画效果大全
Apr 29 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生成WAP页面
2006/10/09 PHP
PHP 实用代码收集
2010/01/22 PHP
PHP Undefined index报错的修复方法
2011/07/17 PHP
PHP远程调试之XDEBUG
2015/12/29 PHP
PHP魔术方法以及关于独立实例与相连实例的全面讲解
2016/10/18 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
潜说js对象和数组
2011/05/25 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
win系统下nodejs环境安装配置
2017/05/04 NodeJs
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
gulp构建小程序的方法步骤
2019/05/31 Javascript
微信小程序request请求封装,验签代码实例
2019/12/04 Javascript
python 获取网页编码方式实现代码
2017/03/11 Python
python处理按钮消息的实例详解
2017/07/11 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
python字典一键多值实例代码分享
2019/06/14 Python
python读取mysql数据绘制条形图
2020/03/25 Python
python 字典item与iteritems的区别详解
2020/04/25 Python
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
2018/08/28 HTML / CSS
详解HTML5 Canvas标签及基本使用
2020/01/10 HTML / CSS
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
德国网上宠物店:Zoobio
2018/05/23 全球购物
介绍一下except的用法和作用
2015/01/22 面试题
电话客服工作职责
2014/07/27 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
中秋节活动总结
2014/08/29 职场文书
Go获取两个时区的时间差
2022/04/20 Golang