教程一:参数传递
这里我找出两种小程序上的参数传递方式,为了便利,我单独拎出和大家互动之下.
一、通过事件展开参数传递
先来看眼小程序对事件的定义:
#什么就是事件?
这里就是列表文本事件就是视图层至逻辑层的通讯方式。
这里就是列表文本事件可以将用户的犯罪行为意见反馈至逻辑层展开处置。
这里就是列表文本事件可以存取在组件上,当达至引爆事件,就可以继续执行逻辑层中对应的事件处理函数。
这里就是列表文本 事件对象可以随身携带额外信息,如id, dataset, touches。
很明晰的表示了就是视图层【wxml】至逻辑层【js】的通信方式,时间对象可以随身携带额外信息,用这个事件去传达参数确实要说了,接下来我们就去实际看看下例子:
视图.wxml
逻辑.js
Page({
tapName: function(event) {
console.log(event.target)
}
})
log列印
可以看见 dataset 里面就是我们设置的data-hi="MINA"的值了。现在我们来看下刚刚我们写下的, 首先 bindtap,以bind结尾的就是必须给他存取个事件,这个事件的名字就是“=”号后面的数值就是存取的事件名称,须要在 逻辑【js】层定义上。 然后就是实参了,注意到的朋友可以看见 我们这里写下了data-hi 和我们平时写下js的传值就是同一个定义方法。这个data-*就对应事件的属性target里的dataset 值。这里我们须要调用的话就是event.target.dataset.hi就能够算出data-hi所对应的值。
这里须要特别注意下 data的定义名称: 书写方式: 以data-结尾,多个单词由没了字符-链接,无法存有大写(大写可以自动转回成小写)如data-element-type,最终在 event.target.dataset 中会将没了字符转回成驼峰elementType。
官方示例:
Page({
bindViewTap:function(event){
event.target.dataset.alphaBeta == 1 // - 可以变为驼峰读法
event.target.dataset.alphabeta == 2 // 大写可以变为小写
}
})
二、navigator 重定向url录弁
*.wxml
*.js 冲至新页面之后在onload里面轻易发送参数,发送方法也就是 options.[参数值]
Page({
onLoad: function(options) {
this.setData({
title: options.title
})
}
})
好啦,今天就写道这里,我顺带把文档链接写下上,上面写下的文档里都存有。我只是把它们拆掉了,用我的话说道了一遍。 …(⊙_⊙;)…
什么就是事件
navigator