【20190425】小程序页面传值、取值的几种方法,以及踩到的坑——URL传值

在小程序传值,特别是跨页面传值上踩了两百个坑的我TUT今天终于要总结一下这些年来我踩过的坑了!
大致分为传值和取值两种,大家可以选择性查看!

一、URL传值
二、缓存传值
三、页面栈传值
四、全局对象传值
五、表单取值
六、data-传值

一、URL传值
适用场景:参数较少且不需要处理的情况,例如一篇文章的中带入文章id。
使用方法:
(1)标签内,参数拼接在url内,用?拼接,两个参数之间用&链接

A页面.wxml






B页面.js

onLoad(options){
	console.log(options)
	var data_1 = options.data_1
	//data_1="100",为字符串类型
}

url带来的参数在第二个页面中用onload接,要注意,接过来的对象为字符串,如果在需要int型,请使用parseInt()函数转化为数字

(2)js方法
当使用标签时,微信默认使用wx.navigateTo函数,即跳转之后原页面不销毁,且带的参数不能进行一些处理,在这种时候,可以使用js方法进行传值.
A页面.wxml



A.js

nav:function(){
	var data_5 = this.data.data;
	var data_6 = data_5+200;
	//可以对页面参数进行任意操作
	wx.redirectTo({
		url:'/pages/B?data_5='+data_5+'&data_6'+data_6,
		success:function(res){
		console.log(res)
		},//函数调用成功回调的函数
		fail:function(){},//失败调用的函数
		complete:function(){}//无论成败,只要完成了函数就会调用
	})
	//同样可以选择navigateTo\navigateBack\switchTab等等
}

你可能感兴趣的:(【20190425】小程序页面传值、取值的几种方法,以及踩到的坑——URL传值)