uniapp uni.navigateTo传递(对象类型)参数

简介: uniapp uni.navigateTo传递(对象类型)参数

最近在做微信小程序,用的是uniapp开发的,自己记录一下,也和大家分享一下

1、字符串拼接,传递单个属性值

index页面传递:

data(){
    return{
        companyOrgId:1
    }
}
methods:{
    goRegister() {
      uni.navigateTo({
      url: `./registerDetail?companyOrgId=${this.companyOrgId}`
      });
    },
}

home页面接收:

1. onLoad(options) {
2.  this.info.companyOrgId = options.companyOrgId;
3. console.log(options.companyOrgId);
4. },

2、整个对象的传递

index页面传递:

data(){
    return{
           info: {
        companyOrgId: '',
        sex: 0,
        surname: '',
        firstname: '',
        email: '',
        phone: '',
        phoneAreaCode: '+852',
        password: '',
        passwordTwo: '',
        birthYear: 'YY',
        birthMonth: 'MM',
        birthDay: 'DD'
      },
    }
}
methods:{
    goRegisterCode() {
      console.log('info', this.info);
      uni.navigateTo({
        url: './registerCode?info=' + encodeURIComponent(JSON.stringify(this.info))
      });
    },
}

home页面接收:

onLoad(options){
    let userInfo = JSON.parse(decodeURIComponent(options.info));
    console.log('userInfo', userInfo);
}

3、多个对象的传递

index页面传递:

uni.navigateTo({ 
    url: '/pages/setSeal/index?seal=' + encodeURIComponent(JSON.stringify(seal)) + '&cStorageModel' + encodeURIComponent(JSON.stringify(cStorageModel)) 
});

home页面接收:

 onLoad(option){
    this.pageModel.sealAuth = JSON.parse(decodeURIComponent(option.sealAuth));
    this.pageModel.cStorageModel = JSON.parse(decodeURIComponent(option.cStorageModel));
  },
相关文章
|
7月前
|
小程序 前端开发
uniapp 小程序接入友盟 ,自定义事件携带参数
uniapp 小程序接入友盟 ,自定义事件携带参数
139 0
uniapp manifest.json 完整参数配置参考文档
uniapp manifest.json 完整参数配置参考文档
189 0
|
5月前
|
移动开发 前端开发 小程序
uniapp内置组件uni.navigateTo跳转后页面空白问题解决
【7月更文挑战第1天】uniapp内置组件uni.navigateTo跳转后页面空白问题解决
142 4
uniapp带参数跳转,新页面接收参数
uniapp带参数跳转,新页面接收参数
266 0
|
7月前
|
小程序
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
1088 0
|
7月前
uniapp 实现带参数跳转页面
uniapp 实现带参数跳转页面
107 0
uniapp设置tabBar跳转后,其他页面跳转到主页、主页参数、接参(整理)
uniapp设置tabBar跳转后,其他页面跳转到主页、主页参数、接参(整理)
|
JavaScript
解决uniapp分段器参数改变不渲染,适用所有组件
解决uniapp分段器参数改变不渲染,适用所有组件
617 0
|
5月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
135 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)