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

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

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

 index页面传递:

data(){
    return{
        companyOrgId:1
    }
}

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

home页面接收:

onLoad(options) {
	this.info.companyOrgId = options.companyOrgId;
    console.log(options.companyOrgId);
},

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));
  },

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Iam_楠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值