uniapp uni.navigateTo传递（对象类型）参数

最新推荐文章于 2024-04-02 14:02:53 发布

爱吃甜品的游u

最新推荐文章于 2024-04-02 14:02:53 发布

阅读量408

点赞数 1

文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_47736903/article/details/132779923

版权

uniapp写的小程序

1、字符串拼接，传递单个属性值
index页面传递：

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

home页面接收：

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

2、整个对象的传递

data(){
    return{
           info: {
				id: '',
				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));
  },