详解微信小程序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 相关文章推荐
接收键盘指令的脚本
Jun 26 Javascript
会自动逐行上升的文本框
Jun 30 Javascript
28个JS验证函数收集
Mar 02 Javascript
jQuery随机密码生成的方法
Mar 09 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
JS数组去掉重复数据只保留一条的实现代码
Aug 11 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
基于JS实现父组件的请求服务过程解析
Oct 14 Javascript
json_decode 索引为数字时自动排序问题解决方法
Mar 28 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数学运算与数据处理实例分析
2016/04/01 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
PHP递归删除多维数组中的某个值
2017/04/17 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
jQuery中创建实例与原型继承揭秘
2011/12/21 Javascript
JQuery获取浏览器窗口内容部分高度的代码
2012/02/24 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
2012/09/30 Javascript
屏蔽相应键盘按钮操作
2014/03/10 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
JavaScript多线程详解
2015/08/12 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
详解vue嵌套路由-params传递参数
2017/05/23 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
详解vue组件开发脚手架
2018/06/15 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
实例介绍JavaScript中多种组合继承
2019/01/20 Javascript
JavaScript变速动画函数封装添加任意多个属性
2019/04/03 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
Python实现选择排序
2017/06/04 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
Keras 使用 Lambda层详解
2020/06/10 Python
使用canvas对多图片拼合并导出图片的方法
2018/08/28 HTML / CSS
全球最大化妆品零售网站:SkinStore
2020/10/24 全球购物
文明礼仪小标兵事迹
2014/01/12 职场文书
省三好学生申请材料
2014/01/22 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
社区结对共建协议书
2016/03/23 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python