微信小程序跳转tabBar携带参数

作者: 回忆丶阑珊 | 来源:发表于2017-09-06 11:33 被阅读273次

       微信小程序的导航跳转分为navigateTo(保留当前页,跳转到应用内的其他页面,跳转非tabBar页面,可带参数,但是这里有个小坑,后面说),navigateBack(关闭当前页面,返回上一页面或多级页面),redirectTo(关闭当前页面,跳转到应用内的某个页面,跳转非tabBar页面,可带参数),reLaunch(关闭所有页面,打开到应用内的某个页面,可带参数),switchTab(跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面, 不可带参数),说到这里就是今天主题了,如果我们想跳转到tabBar页面并且想携带参数在怎么办?

    话不多说上代码

    //search.js

    var app = getApp();

    Page({

       search:function(e){

      //获取数据,添加到全局

      let val = e.detail.value;

      app.searchWord = val;

    },

    linkTo:function(){

      //跳转tabBar

      wx.switchTab({

       url:'../index/index',

    })

    }

    });

    然后在index页面用的时候写在onShow函数里,上代码

    //index.js

    va app = getApp();

    Page({

     onShow:function(e){

     //获取全局数据

     let val = app.searchWord;

    console.log(val);

    }

    });

    上面提到了一个navigateTo的一个坑,小程序规定小程序的页面深度最大为5,一个页面中的navigateTo不要写超过4个 !!!

    相关文章

      网友评论

        本文标题:微信小程序跳转tabBar携带参数

        本文链接:https://www.haomeiwen.com/subject/efvmjxtx.html