页面的onLoad

  • 页面跳转的时候可以传参,页面接受参数,就是在onLoad里面接受的

例如:

  1. methods: {
  2. open() {
  3. uni.navigateTo({
  4. url: "../test-page/test-page?id=uni"
  5. })
  6. }
  7. }

另外一个页面:

  1. <template>
  2. <view>
  3. {{title}}
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. title:''
  11. }
  12. },
  13. //页面加载
  14. onLoad(e) {
  15. console.log("page onLoad");
  16. console.log(e);
  17. this.title=e.id;
  18. },
  19. //页面渲染完成
  20. onReady() {
  21. console.log("page onReady");
  22. },
  23. //页面显示
  24. onShow() {
  25. console.log("page onShow");
  26. },
  27. //页面隐藏
  28. onHide() {
  29. console.log("page onHide");
  30. },
  31. //页面卸载
  32. onUnload() {
  33. console.log("page onUnload");
  34. },
  35. methods: {
  36. }
  37. }
  38. </script>
  39. <style>
  40. </style>
  • 在页面加载的时候 请求后台接口
  • 渲染前的操作

    onReady 页面渲染完成

  • 获取节点信息

image.png