微信小程序引用php函数,微信小程序Page中data数据操作和函数调用详细介绍
这篇文章主要介绍了微信小程序 详解Page中data数据操作和函数调用的相关资料,需要的朋友可以参考下
微信小程序 详解Page中data数据操作和函数调用
Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。//index.js
Page({
data: {
text: "This is page data.",
sliderOffset: 0,
sliderLeft: 0,
state:{
genre:[],
genre_index: 0,
model:[],
model_index: 0,
terminalStatus:'',
}
},
onLoad: function(options) {
// Do some initialize when page load.
},
onReady: function() {
// Do something when page ready.
},
onShow: function() {
// Do something when page show.
},
onHide: function() {
// Do something when page hide.
},
onUnload: function() {
// Do something when page close.
},
onPullDownRefresh: function() {
// Do something when pull down.
},
onReachBottom: function() {
// Do something when page reach bottom.
},
// Event handler.
viewTap: function () {
var p = this.position
ball(p, 150)
function ball(x, y) {
console.log(x,y)
}
},
customData: {
hi: 'MINA'
}
})
1、设置data数据
setData 函数用于将数据从逻辑层发送到视图层,同时改变对应的 this.data 的值。
注意:
(1)、直接修改 this.data 无效,无法改变页面的状态,还会造成数据不一致。
(2)、单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。
setData() 参数格式:接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常灵活,以数据路径的形式给出,如 array[2].message,a.b.c.d,并且不需要在 this.data 中预先定义。
下面设置data中的text和genre_index的值
this.setData({
'state.genre_index':1,
text:'data value'
})
2、获取data数据
获取data中的text和genre_index值需要使用this
var gener_index=this.data.state.genre_index
var text=this.data.text
3、调用viewTap函数
在viewTap函数中调用内部的ball函数可以直接调用,如果需要在onReady函数中调用viewTap函数需要使用this。
onReady: function () {
this.drawBall()
},
微信小程序引用php函数,微信小程序Page中data数据操作和函数调用详细介绍相关推荐
- 微信小程序引用php函数,php微信小程序支付讲解(JSAPI)
在早起的某篇文章中我们已经简单介绍了小程序支付, 这里我们在这篇文章中详细的介绍一个微信小程序支付, 顺便附带小程序端的部分支付代码. 微信小程序支付文档地址(微信小程序支付) 微信完整支付类下载地址 ...
- 微信小程序---表格的制作并展示云数据库中的数据
微信小程序并没有表格组件,可能是官方考虑到,在前端开发中,表格的嵌套性太多,用DIV代码会比较简洁就没有实现吧.没有现成的组件可以使用,针对这个问题,目前有两种解决方案: 1)内嵌 h5页面,(毕竟 ...
- 如何在data visualization 中update svg_如何操作小程序页面中data数据区中的数据
前言 在微信小程序中,每一个页面都有一个独立的js文件,用来实现该页面的业务逻辑.这个js文件通常采用Page()方法来对页面进行注册.其中系统为页面设置了一个名为data的区域,用来存储页面的初始数 ...
- 在python中数据的输出用哪个函数名_在Python中,数据的输出用哪个函数名
在Python中,数据的输出用哪个函数名 工业机器人按照坐标形式可以分为().A:圆柱坐标机器人B:球坐标机器人C:直角坐标机器人D:关节坐标机器人 生物膜上脂质主要是磷脂.A:对B:错 再结晶退火主 ...
- python科学计算笔记(九)pandas中DataFrame数据操作函数
Python数据分析工具pandas中DataFrame和Series作为主要的数据结构. 本文主要是介绍如何对DataFrame数据进行操作并结合一个实例测试操作函数. 1)查看DataFrame数 ...
- 微信小程序利用云函数获取小程序码(二维码) 将buffer流转换为图片
最近在做毕设,有一个获取小程序码绘制分享海报的需求,因为需要小程序码的数量较多的业务场景,所以只能采用后端生成返回给前端调用或者云开发调用. 生成小程序码的两种方式 HTTPS调用 需要后端生成返回给 ...
- 微信小程序引用echarts,微信PC端打开小程序不显示canvas
出现的问题 在pc端ec-canvas组件不显示内容 如图,红框内是一个饼图,但是未显示 出现原因 pc端不支持2d,echarts插件在电脑端也不显示,但是echarts有解决方案. 解决方案 在e ...
- 微信小程序 使用页面栈 修改上一个页面的data数据
微信小程序中从一个页面A进入一个页面B,如果页面B的数据有改变,再返回页面A的时候需要把数据同步到页面A. 一般的方法有: 1. 使用本地缓存 wx.setStorage() 和 wx.getStor ...
- java peek函数_Java 8 Stream Api 中的 peek 操作
1. 前言 我在 Java 8 Stream API中的 map 和flatMap 中讲述了Java8 Stream API中 map 操作和 flatMap 操作的区别.然后有小伙伴告诉我 peek ...
最新文章
- 获得jar包存放路径的方法
- javascript操作符之new 也疯狂 (2)
- C# Global.asax.cs 定时任务
- linux下mysql主从同步是主从i/o线程显示为no_mysql主从同步IO线程NO
- 计算机网络 --- 数据链路层CSMA/CD协议
- 设计模式学习笔记——装饰(Decorator)模式
- linux/work
- trados 2007 2009 共用一个LICENSE服务器
- java版我的世界MITE怎么下_MITE极限生存模组
- editplus编辑c语言,使用EditPlus编程软件学习C/C++编程
- USB redirection
- 免费下载卫星地图 高清卫星地图软件
- ROOT友华PT921G光猫
- mathquill web公式编辑器 总结 、实列、 源码
- java 日期转大写,java步骤转换大写日期及人民币大写转换方式 .txt
- 世界上不同国家有不同的写日期的习惯。比如美国人习惯写成“月-日-年”,而中国人习惯写成“年-月-日”。下面请你写个程序,自动把读入的美国格式的日期改写成中国习惯的日期。
- java订单超时取消设计_订单超时30分钟自动取消
- 实验吧web天网管理系统
- Day03_【数组、ArrayList】
- 前端有哪些好的学习网站?
热门文章
- php和mysql.web开发_PHP和MySQLWeb应用开发
- python 预测 位置_Python:核岭回归预测,KRR
- VUE3.x(v-model)数据双向绑定指令
- ImageUtils.java:图片处理工具类[裁剪/图片水印/文字水印/缩放补白/Base64加密解密]
- java怎么系统输入数字_java怎么输入数字,这些经验不可多得
- 我的世界java手机版怎么调按键_博阅Likebook P6高配青春版使用评测
- 直播笔记 | Unity中路径的疑难杂症剖析
- OpenShift 4 - 多云管理(1) - 安装 RHACM、导入已有集群、配置观察功能
- OpenShift 4 - Fedora CoreOS (3) - 定制 CoreOS ISO
- OpenShift 4 之Istio-Tutorial (9) 访问限流