uni-app页面跳转传参的时候,参数是对象该如何传递?

使用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/broadband/broadband?item=' + encodeURIComponent(JSON.stringify(infoForm))})

实现思路:通过url拼接,将infoForm这个参数对象,在url里面写成item传递,这里借助了encodeURIComponent这个函数,大家不了解这个函数的可以百度一下。接来下我们在跳转过去的页面里面的onload生命周期函数里面打印options就可以看到传递过来的参数了。

        看到这里就点个赞支持一下吧!

你可能感兴趣的:(前端,小程序)