手机版

在微信小程序页面转移多个参数跳转页面的实现方法

时间:2021-08-24 来源:互联网 编辑:宝哥软件园 浏览:

这里举个例子,跳两个参数可以传递多少个参数

我编写数据项data-id来绑定同事并添加点击事件bindtap

At index.js

我在数据里写了假数据

在跳转页的函数中传递E后面定义的东西。根据E,可以在控制台打印

控制台.日志(e)

这样,我们得到传输的数据,然后定义它

在这里,跳转到详细信息页面的函数wx.navigateTo。这是一种跳跃的方法。tabBar页面应该使用wx.switchTab路径,后跟jsonStr等。

写入跳转详细信息页面的onload方法

我们打印上一页的数据

只需打印出从上一页传入的数据,然后这样做

wxml:

view class=' fast-container ' block wx : for=' { { fast } } ' wx : key=' fast ' view class=' fast-row ' bind tap=' goIndexDetail ' data-item=' { { item } } ' data-id=' { { list } } ' view class=' row-tou ' image class=' img ' src=' { { item . image } } '/image/view class=' row-content ' view class=' text ' { item . name } }/

Page({ /** * page的初始数据*/data : { fast 3360[//false data { ' name ' : ' red ',' image' :'/img/123.jpg ',' summary ' : ' I 'm red '),Image' :'/img/123.jpg ',' summary ' : ' I green ' },{'name' :' blue ',' image' :'/img/123.jpg ',' summary ' : ' I am { ' name ' : ' orange ',' image ' 3: '/img/123 . jpg ',' summary' :' I am orange'}],list3360let item=e . CurrentTarget . dataset . item;Console.log('我的传入数据-id ',id,'我的传入数据-item=',item)让str=JSON . stringify(id);let _ str=JSON . stringify(item)wx . navigatteto({ URL : '/page/index/index detail/index detail?Json str=' str' strr=' _ str,})},/** *生命周期函数-监控页面加载*/onload:函数(选项){},/* * *生命周期函数-监控页面首次呈现*/on ready:函数(){},/* * *生命周期函数-监控页面显示*/onShow:函数(){},/* * *生命周期函数-监控页面隐藏*/onHide:函数(){},/* * *生命周期函数-监控页面卸载/* * *与页面相关的事件处理程序-听取用户的下拉操作*/onpulldown refresh 3360 function(){ },/* * *页面上下拉事件的处理程序*/onreaccessbutton 3360 function(){ },/* * *用户点击右上角共享*/onsharepmessage: function(){ })index detail . js。

page({/** * page的初始数据*/data: {detail: [],detaillist,},/* * *生命周期函数-监控页面加载*/onload:函数(选项){let那=this//console.log(选项)//console . log(options . jsonstr)//console . log(options . strr)let Item=JSON . parse(options . jsonstr)let id=JSON . parse(options . strr)console . log(' data-最后一页的项目,跳转) /** *首次呈现生命周期函数-监控页面*/on ready: function () {},/* * *生命周期函数-监控页面显示*/onShow: function () {},/* * *生命周期函数-监控页面隐藏*/onHide: function () {},/* * *生命周期函数-监控页面卸载*/onUnload: function () {},/* * *与页面相关的事件处理函数-听取用户的下拉操作*/onpulldown refresh 3360

以上就是边肖介绍的将多个参数从微信小程序页面转移到跳转页面的实现方法。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!

版权声明:在微信小程序页面转移多个参数跳转页面的实现方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。