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,上面两个都不可以。

猜你喜欢

转载自blog.csdn.net/qq_46617584/article/details/132412697