使用uni-app的时候,页面传递一个或者两三个参数是非常容易做到的,但是有时候需要传递很多参数,这些参数都是都在一个对象里面,我们改如何操作呢?
首先看下需求
uni.navigateTo({ url: '/pages/broadband/broadband})
在跳转这个页面的时候需要把下面的参数传递过去
let infoForm = {
phone:this.form['客户信息']['办理宽带号码'],
name:this.form['客户信息']['姓名'],
city:this.form['客户信息']['详细地址'].address,
cityCode:this.form['客户信息']['详细地址'].cityCode,
}
废话不说,直接上实现代码
uni.navigateTo({
url:
"/pages/shopInfo/components/addOrEidtPage?item=" +
encodeURIComponent(encodeURIComponent(JSON.stringify(infoForm))),
});
实现思路:通过url拼接,将infoForm这个参数对象,在url里面写成item传递,这里借助了encodeURIComponent这个函数,大家不了解这个函数的可以百度一下。接来下我们在跳转过去的页面里面的onload生命周期函数里面打印options就可以看到传递过来的参数了。
let listParam = JSON.parse(decodeURIComponent(decodeURIComponent(option.item)));
看到这里就点个赞支持一下吧!