小程序学习---如何将数据传递到子页面

时间:2019-04-15
本文章向大家介绍小程序学习---如何将数据传递到子页面,主要包括小程序学习---如何将数据传递到子页面使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

想实现像微信收藏功能中:点开查看细节

细节是由我的收藏界面 ,点击对应的列表传递到子页面中,那么如何传递对应的信息呢

ps:在列表添加    data-index="{{index}}"

首先声明,路由传参大小有限制(255kb)

错误思路一:

  1,获取到列表的索引值,

  2,获取到索引值对应的列表信息

  3,将对应的json格式的列表信息转换成字符串

  4,通过路由请求传递参数。

 

	click(e){
		//获取当前点击的index
		let index = e.currentTarget.dataset.index

		//获取index对应数据库的内容转化成字符串格式,
		let str = JSON.stringify(this.data.pic[index])
		console.log(str)

		//将字符串传递给下一个界面
		console.log(e.currentTarget.dataset.index)
		wx.navigateTo({
			url: '/pages/my/mylikes?str=' + str
		})
	},

  结果由于路由大小限制(255kb),导致转换成功的信息不能传递到下一个界面

总结:此方法适合传递想要携带信息小的情况