小程序中的页面跳转

最近在学习微信小程序,学的尚浅,写不出什么好的东西,就简单说一点吧。       

在很多时候我们跳转页面时都会附带参数
例如:  http://www.yemian.com?条件=值&条件2=值2


小程序中的跳转页面事件:

// 1-1. 保留当前页面,跳转到应用内的某个页面
   wx.navigateTo(OBJECT);

// 1-2. 关闭当前页面,跳转到应用内的某个页面。
   wx.redirectTo(OBJECT);

// 2.   跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

   wx.switchTab({
      
        url: "某页面地址"
     
   });    
 


// 3.   也可以直接使用组件  <navigator> 
  <navigator url='../test/test'>点击跳转</navigator>




//跳转到的页面接受参数  onload为页面加载
onLoad: function (option) {

   console.log(option)//可以打印一下option看查看参数
    
} 


       但是在小程序中有的地方跳转是不能附带参数的,

比如某页面跳转到 或者返回到 tabBar 页面时(就是固定的主页面),

通过下面的方法可以找到需要更改的页面进行自己想要的操作。

var pages = getCurrentPages();                 //获取页面列表

var Page = pages[pages.length - 1];            //当前页

var prevPage = pages[pages.length - 2];        //上一个页面

 。。。                                        //以此类推

var info = prevPage.data                      //获取上页data里的数据也可以修改

prevPage.setData({                            //更改上个页面数据                      
     key:value    
 })

代码挺少的,注释和用法都有,也不难理解,学习小程序的小伙伴可以看一下,有不合适的地方可以帮忙指出来。


 

猜你喜欢

转载自blog.csdn.net/qq_43341032/article/details/82946180
今日推荐