详解微信小程序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 相关文章推荐
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
jQuery的css()方法用法实例
Dec 24 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
AngularJs中route的使用方法和配置
Feb 04 Javascript
JS作为值的函数用法示例
Jun 20 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
Jan 31 Javascript
用react-redux实现react组件之间数据共享的方法
Jun 08 Javascript
Angular异步变同步处理方法
Aug 13 Javascript
vue后台管理之动态加载路由的方法
Aug 13 Javascript
使用NestJS开发Node.js应用的方法
Dec 03 Javascript
React服务端渲染原理解析与实践
Mar 04 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
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
php 格式化数字的时候注意数字的范围
2010/04/13 PHP
php使用PDO方法详解
2014/12/27 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
Ext.MessageBox工具类简介
2009/12/10 Javascript
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
基于jquery的地址栏射击游戏代码
2011/03/10 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
2013/01/11 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
2013/11/07 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
js获取时间并实现字符串和时间戳之间的转换
2015/01/05 Javascript
谈谈javascript中使用连等赋值操作带来的问题
2015/11/26 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
Vue.js实战之组件之间的数据传递
2017/04/01 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
vue Render中slots的使用的实例代码
2017/07/19 Javascript
React Native中的RefreshContorl下拉刷新使用
2017/10/09 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
vue select 获取value和lable操作
2020/08/28 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
2020/09/09 Javascript
Python3 XML 获取雅虎天气的实现方法
2018/02/01 Python
解决python2 绘图title,xlabel,ylabel出现中文乱码的问题
2019/01/29 Python
Python查找数组中数值和下标相等的元素示例【二分查找】
2019/02/13 Python
python3用urllib抓取贴吧邮箱和QQ实例
2020/03/10 Python
PIL.Image.open和cv2.imread的比较与相互转换的方法
2020/06/03 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
年会搞笑主持词串词
2014/03/24 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书