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));
  },
相关文章
|
3月前
|
小程序 前端开发
uniapp 小程序接入友盟 ,自定义事件携带参数
uniapp 小程序接入友盟 ,自定义事件携带参数
|
4天前
|
小程序
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
6 0
|
5月前
uniapp带参数跳转,新页面接收参数
uniapp带参数跳转,新页面接收参数
112 0
uniapp设置tabBar跳转后,其他页面跳转到主页、主页参数、接参(整理)
uniapp设置tabBar跳转后,其他页面跳转到主页、主页参数、接参(整理)
|
10月前
|
JavaScript
解决uniapp分段器参数改变不渲染,适用所有组件
解决uniapp分段器参数改变不渲染,适用所有组件
361 0
|
4天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
25 0
|
4天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的优购电商小程序的详细设计和实现
23 0
|
4天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
28 3
|
4天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
26 3

热门文章

最新文章