微信小程序页面返回传递参数

微信小程序页面返回传递参数,第1张

let userInfo = {};     //需要传递的参数,这里用对象举例。

let pages = getCurrentPages();    //返回pages的所有信息;数组格式

let prevPage = pages[ pageslength - 2 ];     //返回上一个页面的所有信息  上一级为-2

prevPagesetData({

user:userInfo      //user为上个页面需要修改的数据,如data里面的数据,数据格式要对应。

});

wxnavigateBack({

delta:1      // 返回上一级页面。

})

onShareAppMessage(Object object) 是在 Page 中定义的用于分享转发小程序的方法。

可以监听用户点击页面内转发按钮( button 组件 open-type="share" )或右上角菜单“转发”按钮的行为,并自定义转发内容。

值得注意的是:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮。

此事件处理函数需要 return 一个 Object,用于自定义转发内容,返回内容如下:

自定义转发内容 基础库 281 起,分享图支持云。

如图所示是接下来需要完成的效果:

页面结构:2个, index (首页)以及 details (详情页),首页是产品列表,点击产品后进入对应的详情页。

首页的wxml结构:

首页的js数据:

对于详情页请求数据,核心在于点击对应产品然后请求对应的产品数据,因此这里的 navigator 组件跳转的url至关重要,这里的 /pages/details/detailsgoodsId={{index} 是模拟了后台提供的数据接口,后面的 goodsId 作为产品的辨识符,当点击之后可以获取到当前点击的是哪个产品,以供详情页进行请求数据。

详情页wxml结构:

详情页js数据:

详情页请求数据的重点在于生命周期函数, onLoad 函数,它可以在页面加载的时候进行触发,并可以通过参数获取到跳转链接上面的辨识符,也就是通过 onLoad 函数中的 options ,获取到了刚才在 indexwxml 页面url中的辨识符: goodId ;

通过它可以获取到对应的产品数据,再将数据进行修改更新到详情页结构 detailswxml 即可。

本案例中跨页面传递数据主要是利用了URL传值,在另外一个页面中接收,并将数据渲染到页面中,这个过程就需要用到生命周期函数:onLoad函数。

以上就是关于微信小程序页面返回传递参数全部的内容,包括:微信小程序页面返回传递参数、微信小程序之分享转发函数、微信小程序:详情页请求不同数据的实现原理等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9699198.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存