微信小程序——页面间如何数据传递、传值

在小程序里面页面传值的方式有很多:用缓存存取、设置全局变量存取、页面带参传值等。

这里写出一个我比较推荐的方法:页面带参传值,不仅可以传字符串,还可以传对象

就拿wx.navigateTo这个Api举例子吧

a页面中:

//a页面
toBpage(){
        let user = 'YulRW';
        let password = '123456'
        wx.navigateTo({
            url: `page/b/b?user=${user}&password=${password}`
        })
}

b中:

//b页面
onLoad: function(options) {
	console.log(options);	//{user:'YulRW',password:'123456'}
},

这种是在url?后面加要传递的变量,多个变量中间用&分隔

但是,这种写法并不方便,如果参数多了写起来就很麻烦,而且不能传JSON格式的对象,所以有以下推荐写法:

a页面:

toBpage(){
        let data = {
			user:'YulRW',
			password:'123456',
			date:'2020.1.1',
			other:'xxxxxx'
		}
		data = JSON.stringify(data);	//把JOSN转化为字符串形式
        wx.navigateTo({
            url: `page/b/b?data=${data}`
        })
}

b页面:

//b页面
onLoad: function(options) {
	console.log(JSON.parse(options));	//data:{user:'YulRW',password:'123456',date:'2020.1.1',other:'xxxxxx'}
},

注意一定要JSON.stringify转换为字符串,不然获取到的就是[object Object],拿不到数据的

而在b页面也要JSON.parse转换回来,不然只是字符串,点不出对象成员

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值