uniapp跳转页面传递参数

页面跳转传递数据

一 事件跳转

二 传递与接收

三 类型转换

事件跳转
注意:页面跳转的时候,传递的只能是string类型的,现实中如果想要传递json、Array记得需要先转成string传递,传递接收后再转回来使用

  1. 事件跳转: uni.navigateTo(OBJECT)
    功能:保留当前页面,跳转到应用内的某个页面
    在这里插入图片描述
  2. uni.redirectTo(OBJECT)
    功能:关闭当前页面,跳转到应用内的某个页面
    在这里插入图片描述
  3. uni.reLaunch(OBJECT)
    功能:关闭所有页面,打开到应用内的某个页面
    在这里插入图片描述
  4. uni.navigateBack(OBJECT)
    功能:关闭当前页面,返回上一个或者上几个页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层
    在这里插入图片描述
    传递与接收
    传递数据:
    跳转页面我们可以通过URL参数来写好路径,传递数据咱们可以通过拼接的方式来拼接在URL路径中,如果传递多个参数可以通过 & 进行拼接,具体看下方例子图:
    传递多个参数
    再看传递单个参数 或者是传递一个数组
    传递单个数据,且还是传递了数据
    接收数据:
    在接收数据时,我们可以在onLoad里面进行接收, 具体怎么玩看图:
    接收数据
    类型转换
    在我们传递数据的时候我们需要进行一下转换,不然会报错,在这里我在需要传递一个data过去,但是如果我不进行转换就会报错(可以尝试一下看看是什么错误,小编已经踩过雷了,炸得很惨)
    在这里插入图片描述
    在我们接收的时候同样也是需要进行类型转的:
    在这里小编使用了JSON.parse进行了转换
    总结
    上面说了很多跳转的方式,但是小编感觉用到的最多的还是navigateTo(OBJECT),但是写还是要根据自己的业务去进行改变喔~
  • 4
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值