微信小程序的参数传递的详细解决方案

微信小程序的推出无疑将掀起的风和在移动互联网行业的又一次波。

有人会怀疑,这个小程序会火,或没有,我不知道,看看微信用户量可以了解一切。



微信小程序参数传递

这里我找到两个关于传输参数的小程序,为方便起见,我拿出来与大家分享。

1。通过事件传递参数

首先,看看事件的一个小程序的定义:

的#事件是什么

这是一个文本事件列表,是视图层和逻辑层之间的通信模式。

下面是一个文本事件列表,可以由用户的行为处理到逻辑层。

下面是一个可以绑定到组件的文本事件列表,当触发事件到达时,逻辑层中相应的事件处理函数被执行。

下面是一个文本事件对象列表,它们可以承载附加信息,如id、DataSet和触摸。



很显然,这是wxml } {视图层和逻辑层之间的通信方式} { JS。时间对象可以携带额外的信息,使用这个参数传递参数是绝对正确的。接下来,让我们真正看看这个例子。

wxml视图。

点击我!



js的逻辑。


页({
TapName:功能(事件){
console.log(事件。目标)
}
})



日志打印



你可以看到,数据集是数据HI =米纳,我们设置的值。现在让我们来看看我们刚写了一下。首先,bindtap,从绑定是绑定事件给他。事件的名称后面是=值数的结合事件的名称,所需要的逻辑js水平定义。然后值传递,和你的朋友注意到可以看到我们所写的数据在相同的定义和我们通常写js的价值。这一数据*对应的数据值的属性的事件目标。我们要在这里打电话是event.target.dataset.hi可以值对应的数据高。

注意数据的定义名称:写作风格:从数据,用连字符连接的一句话,没有资本(资本将被自动转换成小写)如数据元素类型,在event.target.dataset最终会变成一个驼峰ElementType连字号。

官方的例子:


数据集测试

页({
BindViewTap:功能(事件){
event.target.dataset.alphabeta = = 1 /转驼峰式
event.target.dataset.alphabeta = = 2 /上下情况
}
})




二、导航跳转url通过参考

wxml *。



跳转到新页面
打开当前页




当*. js跳转到新的页面,它接收到的参数直接在onload事件,和接收方法选择参数值。{ }


页({
onLoad:功能(选项){
this.setdata({
标题:options.title
})
}
})



好了,今天写在这里。顺便说一下,我写了文档链接,上面有所有的文档,我只是把它们移出来,用我的话说出来…

谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。