600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 微信小程序 参数传递详解

微信小程序 参数传递详解

时间:2022-08-04 19:02:58

相关推荐

微信小程序 参数传递详解

微信小程序|小程序开发

小程序 参数传递

微信小程序-小程序开发

微信小程序的推出,无疑将会在移动互联网行业里再次掀起风浪。

个人网络源码,vscode极致编码体验,ubuntu添加vmdk,打包tomcat启动报错,sqlite定义字符串类型,家里晚上出来的爬虫怎么回事,freebsd安装php,平潭公司seo服务电话,网站模板下载模板下载工具,制作简单的html页面模板免费下载lzw

有人会质疑小程序会不会火, 会不会火我不知道, 看微信的用户量即可明白一切。

全球知名网 源码,vscode在mac上配置,ubuntu重新加载,tomcat容器的理解,网络爬虫反扒,砸蛋程序php,衢州seo优化好不好,asp 美食订餐网站源码下载,仿京东商城登录界面模板htmllzw

微信小程序-参数传递

html5 课程表源码,树莓派 ubuntu玩法,爬虫的职业名称,php内调用其他php,广东seo营销lzw

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

A、通过事件进行参数传递

先来看眼小程序对事件的定义:

#什么是事件?

这里是列表文本事件是视图层到逻辑层的通讯方式。

这里是列表文本事件可以将用户的行为反馈到逻辑层进行处理。

这里是列表文本事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。

这里是列表文本 事件对象可以携带额外信息,如id, dataset, touches。

很明确的指出了是视图层【wxml】到逻辑层【js】的通信方式,时间对象可以携带额外信息,用这个事件来传递参数肯定没错了,接下来我们就来实际看下例子:

视图.wxml

Click me!

逻辑.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。

官方示例:

DataSet Test Page({ bindViewTap:function(event){ event.target.dataset.alphaBeta == 1 // - 会转为驼峰写法 event.target.dataset.alphabeta == 2 // 大写会转为小写 }})

B、navigator 跳转url传参

*.wxml

跳转到新页面 在当前页打开

*.js 跳到新页面之后在onload里面直接接收参数,接收方法也就是 options.[参数值]

Page({ onLoad: function(options) { this.setData({ title: options.title }) }})

好啦,今天就写到这里,我顺便把文档链接写上,上面写的文档里都有。我只是把它们搬出来了,用我的话说了一遍。 …(⊙_⊙;)…

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

更多微信小程序 参数传递详解相关文章请关注PHP中文网!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。