美文网首页
微信小程序跳转的几种方式

微信小程序跳转的几种方式

作者: _皓月__ | 来源:发表于2020-07-27 17:38 被阅读0次
// router.js
module.exports = {
    // 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。
    // 使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
    navigateTo(object) {
        if (getCurrentPages().length > 9) {
            this.redirectTo(object);
            // this.reLaunch(object)
        } else {
            wx.navigateTo(object);
        }
    },
    // 其他跳转不处理
    // 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。
    // 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。
    navigateBack(object) {
        wx.navigateBack(object);
        // wx.navigateBack({ delta: 2 });
    },
    // 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
    switchTab(object) {
        wx.switchTab(object);
    },
    // 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
    redirectTo(object) {
        wx.redirectTo(object);
    },
    // 关闭所有页面,打开到应用内的某个页面
    reLaunch(object) {
        wx.reLaunch(object);
    }
};
// 不加入堆栈跳转
wx.redirectTo({
url:  '../../pages/address/address',
})
// 关闭所有页面,打开到应用内的某个页面
 wx.reLaunch({
 url: '../../pages/address/address',
 })
// 保留其他页面 跳转 带返回按钮
 wx.navigateTo({
 url: '../../pages/address/address',
 })

设置返回按钮:
有页面a 页面b 页面c c页面是保存页返回到b 但是上一页会保存为c 而不是a 这里在b页开始书写代码,

// 生命周期函数--监听页面加载
  onLoad: function(options) {
    var pages = getCurrentPages(); //  获取页面栈
    console.log(pages);
    var prevPage = pages[pages.length - 2]; // 上一个页面
    prevPage.setData({
      // 给上一个页面变量赋值
      isRouteMy: "2",
    });
  },
onShow: function() {
    // 获取当前路由判断是否要返回上一页(防止只有一个项目不能返回)
    if (this.data.isRouteMy == '2') {
       wx.switchTab({ 
         url: '../../pages/personal/personal', 
         success: function (e) { 
           var page = getCurrentPages().pop(); 
           if (page == undefined || page == null) return; page.onLoad(); 
           } 
        }) 
    }

相关文章

  • 微信小程序跳转几种方式

    1)给按钮绑定bindtap事件 index.wxml: index.js 2).直接写上navigator 标签...

  • 微信小程序跳转的几种方式

    设置返回按钮:有页面a 页面b 页面c c页面是保存页返回到b 但是上一页会保存为c 而不是a...

  • 小程序-零散知识点

    1.微信小程序去除左上角返回键,几种页面的跳转方式 对应于wx.navigateTo、wx.redirectTo、...

  • 小程序跳转小程序

    小程序如何跳转到其他小程序 微信小程序跳转到其他小程序有两种方式。 一种是用组件navigator跳转: 一种是用...

  • 微信小程序的跳转方式

    微信小程序有5种跳转方式 switchTab这种跳转只能跳转到 tabBar 配置的页面 navigateBack...

  • 微信小程序跳转测试

    一、我们的微信小程序跳转到另外一个小程序 1、在真机上面,微信小程序跳转到另外一个小程序,直接允许跳转就可以: 2...

  • iOS中点击按钮跳转微信小程序

    需求 在iOS的UIWebView界面,点击button,直接打开微信跳转到微信小程序。 实现方式 接入微信SDK...

  • 微信小程序的周期解析

    微信小程序中的路由跳转方式(传参)通过navigateTo({})来进行页面的跳转 注意:保留当前页面,跳转到应用...

  • 微信小程序跳转

    最近整理了下微信官方提供的微信小程序与小程序、h5、公众号、app应用的跳转实现方式及一些规则注意事项 小程序-》...

  • 微信小程序开发学习

    1.微信小程序跳转

网友评论

      本文标题:微信小程序跳转的几种方式

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