uni-app中学习笔记记录(1)

常用生命周期函数

  • onLoad 页面加载时触发,用onLoad可以接受路由传参;
  • onReady 页面组件渲染完毕时触发,类似于vue2中的mounted生命周期函数;
  • onShow 页面出现在屏幕上时触发,由于在h5或者小程序中,页面初始化后不会销毁,而是会挂载在后台,因此onLoad和onReady只会触发一次,而onShow可以实现每次进入页面时都能触发到,非常好用。
  • mounted 组件渲染完成后触发,uniapp区分页面和组件的生命周期,onLoad或者onShow是页面生命周期,在组件中是不会触发的,必须写组件的生命周期;
  • onBackPress 用户点击左上角的返回按钮时触发,常见的场景是比如在蒙层中,按返回按钮时希望能关闭蒙层而不是返回上一页,这时就需要这个生命周期函数去自定义返回按钮的行为;

路由跳转及传参

uniapp中的路由跳转非常方便,不需要去单独写一个路由文件,全部在pages.json中自动配置好了。路由函数中的url直接写文件路径即可,不过需要注意url不能写项目路径(比如@/pages/index),只能写相对路径(比如../search/search)。传参也只要直接在路径后面用=的方式连接参数即可。更多详见官方文档

  • uni.navigateTo({url: '../search/search?id=1'}),最常用的路由跳转函数
  • uni.redirectTo({url: '../search/search?id=1'}),这个方法会关闭当前页面,然后再跳转到目标页面,用这种方式不会出现后退的按钮
  • uni.switchTab({url: '../shopcart/shopcart'}),这个函数可以切换tab,上面两个都不可以。

 

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值