一对一免费咨询:189-6833-3365

这里我找到两种小程序上的参数传递(transmission)方式,为了方便,我单独拿出来和大家分享下。

教程一:参数传递
这里我找到两种小程序上的参数(parameter)传递方式,为了方便,我单独拿出来和大家分享下。

  一、通过事件进行参数传递
先来看眼小程序(procedure)对事件的定义:
#什么是事件这里是列表文本事件是视图层到逻辑层的通讯方式。这里是列表文本事件可以将用户的行为反馈(feedback)到逻辑层进行处理。这里是列表文本事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。这里是列表文本 事件对象可以携带额外(extra)信息,如id, dataset, touches。
很明确的指出了是视图层【wxml】到逻辑层【js】的通信方式,时间对象可以携带额外(extra)信息,用这个事件来传递参数(parameter)肯定没错了,接下来我们就来实际看下例子:
视图。wxml
lt;view id="tapTest" data-hi="MINA" bindtap="tapName" gt; Click me! lt;/view gt;
逻辑。js
Page({tapName: function(event) {console。log(event。target)}})
log打印
可以看到 dataset 里面就是我们设置的data-hi="MINA"的值了。现在我们来看下刚刚我们写的, 首先
bindtap,以bind开头的就是要给他绑定个事件,这个事件的名字就是“=”号后面的数值就是绑定的事件名称,需要在 逻辑【js】层定义上。宁波小程序开发对于用户来说,能够节约使用时间成本和手机内存空间;对于开发者来说也能节约开发和推广成本。宁波小程序开发对于开发者而言,小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。 然后就是传值了,注意到的朋友可以看到 我们这里写了data-hi 和我们平时写js的传值是同一个定义方法。这个data-*就对应事件的属性target里的dataset
值。这里我们需要调用的话就是event。target。dataset。hi就能取到data-hi所对应的值。
这里需要注意下 data的定义名称: 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event。target。dataset 中会将连字符转成驼峰elementType。
官方示例:
lt;view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap" gt; DataSet Test lt;/view gt;Page({bindViewTap:function(event){event。target。dataset。alphaBeta == 1 // - 会转为驼峰写法event。target。dataset。alphabeta == 2 // 大写会转为小写}})
  二、navigator 跳转url传参
*。wxml
lt;view gt; lt;navigator url="navigate?title=navigate" hover- gt;跳转到新页面 lt;/navigator gt; lt;navigator url="redirect?title=redirect" redirect hover- gt;在当前页打开 lt;/navigator gt; lt;/view gt;
*。js 跳到新页面之后在onload里面直接接收参数(parameter),接收方法也就是 options。[参数值]
Page({onLoad: function(options) {this。宁波小程序开发对于开发者而言,小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。setData({title: options。title})}})
好啦,今天就写到这里,我顺便把文档链接写上,上面写的文档里都有。我只是把它们搬出来了,用我的话说了一遍。 …(⊙_⊙;)…
什么是事件
navigator


© 2008-2019 浙江东美 ALL RIGHTS RESERVED. XMLBAIDU

免责申明:部分内容来自互联网,若侵犯了您的权益,请告知我们删除!

浙ICP备19019195号-1
找网站建设公司就上东美!
189-6833-3365
tel+86-189-6833-3365