uni-app:页面直接传递复杂参数

我想实现的效果:点击编辑以后将获取的参数传到另一个页面进行编辑

使用JSON的decodeURIComponent和stringify函数

(这里如果使用qs.stringify()和qs.parse()会更加规范化,不过这里不需要给别人看所以就不在意这么多细节了)

传参页面

//methods内写入

edit(item) {

 // item为我需要传递的数据,类型为对象

 const list = encodeURIComponent(JSON.stringify(item));
 // 转换为参数拼接到url中
 uni.navigateTo({
  url: '/pages/job/publish?item=' + list
 });
},


接收参数页面

	onLoad(options) {
        // 此页面也可以用于新增 所以如果没有该值就跳转出去
		if (!option.item) return;

		const item = JSON.parse(decodeURIComponent(option.item));
        //后续对数据的处理
	}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值