全国咨询热线:18720358503

微信小程序免费制_微信小程序完成两个页面传值

类别:行业新闻 发布时间:2021-01-08 浏览人次:

微信小程序实现两个页面传值的方法分析     ,别跑   这篇文章主要介绍了微信小程序实现两个页面传值的方法,结合实例形式分析了微信小程序URL跳转及页面传值相关操作技巧与注意事项,需要的朋友可以参考下

本文实例讲述了微信小程序实现两个页面传值的方法。分享给大家供大家参考,具体如下:

需求:发送页面通过url传值,接收页面获取值。

发送页面的js

var nowid='10';
wx.navigateTo({
 url: '../index/index id='+nowid,

或者发送页面用navigate 组件:

 navigate url="xxx id=10" /navigate 

如果id是page里面data的数据。是动态的,那么可以写成:

 navigate url="xxx id={{pid}}" /navigate 

这种方式也是通过接收页面的onload来获取id的

接收页面的js

在接收页面onload的函数里就可以获取到值:

onLoad: function (options) {
 var _obj=options.id;
 console.log(_obj)

(1) 接收页面获取到的 options 就是发送页面的 url 中 问号后面传过来的值

(2) 如果传过来的值是一个json对象,那么需要现在发送页面把这个对象JSON.Stringfy转化成字符串,然后 接收页面 再使用JSON.parse转化成json对象就行。

还有种方法是通过小程序的本地存储 wx.setStorage()等API接口来实现-----》发送页面存入,接收页面在接受。当然,不需要的时候可以把存入的数据删掉

还有一种方式就是:在app.js中设置数据,然后其它页面在需要的时候,就可以通过  app.数据等形式来获取。当然,需要在接收数据的页面声明:

var app=getApp();

希望本文所述对大家微信小程序开发有所帮助。


推荐阅读

微信小程序免费制_微信小程序完成两个页面传值

手机微信微信小程序完成2个网页页面传值的方式剖析 ,别跑 本文关键详细介绍了手机微信微信小程序完成2个网页页面传值的方式,融合案例方式剖析了手机微信微信小程序URL自动...

2021-01-08
广州凡科互联网科技股份有限公司招聘网店客服

招聘人数:8职位信息  我们是一家原创棉麻服饰电商企业,热爱尊重传统文化和非遗,希望通过小伙伴共同的努力,将传统文化创新改良,使它更加适合现代人的穿着体验和生活方式...

2021-01-08
智能手刺小程序_JavaScript继承的特性与实践应用深

JavaScript承继的特点与实践活动运用深层次详细说明 本文关键详细介绍了JavaScript承继的特点与实践活动运用,融合案例方式比较深层次的剖析了javascript承继有关定义、特点、基本原...

2021-01-08
做好seo关键在于监控

针对很多seo工作人员来讲,网站一取得手就盲目跟风开展提升,那样在提升的全过程时会浪费许多時间和活力,太原市红月儿互联网太原市企业网站建设企业觉得,网站的特性提升最大...

2021-01-08
我的跑团小程序_微信小程序完成简略表格

手机微信微信小程序完成简易报表 本文关键详细介绍了手机微信微信小程序完成简易报表,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下文中案例为大伙儿共享...

2021-01-08
商家如何进行小程序引流转化

    店家怎样开展微信小程序引流方法转换        总流量转换:社交媒体总流量转换,朋友共享,群共享,微信公众号连接 服务平台引流方法:微信小程序模版信息。手机微信微信...

2021-01-08
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信