详解微信小程序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 05 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
JS实现光滑展开合拢的菜单效果代码
Sep 16 Javascript
js 博客内容进度插件详解
Feb 19 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
Apr 16 Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
Sep 14 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
微信小程序画布圆形进度条显示效果
Nov 17 Javascript
webpack4 处理CSS的方法示例
Sep 03 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实现文件下载更能介绍
2012/11/23 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
Prototype1.6 JS 官方下载地址
2007/11/30 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
浅析javaScript中的浅拷贝和深拷贝
2017/02/15 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
JS简单获得节点元素的方法示例
2018/02/10 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
[01:29]Ti4循环赛第三日精彩回顾
2014/07/13 DOTA
Python的Scrapy爬虫框架简单学习笔记
2016/01/20 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
TensorFlow实现打印每一层的输出
2020/01/21 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
python制作微博图片爬取工具
2021/01/16 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
商得四方公司面试题(gid+)
2014/04/30 面试题
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
个人四风问题对照检查材料
2014/09/26 职场文书
毕业设计论文评语
2014/12/31 职场文书
二年级上册数学教学计划
2015/01/20 职场文书
资料员岗位职责
2015/02/10 职场文书
九不准学习心得体会
2016/01/23 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
Python之Matplotlib绘制热力图和面积图
2022/04/13 Python
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技
Java实现字符串转为驼峰格式的方法详解
2022/07/07 Java/Android