zoukankan      html  css  js  c++  java
  • 微信小程序的跳转navigateTo()和redirectTo()用法和区别


    原文链接:https://blog.csdn.net/u013128651/article/details/79736410
      wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面,

    使用 wx.navigateBack 可以返回,有时候我们跳转还需要携带参数

    跳转到Deposit文件夹的Deposit页面

    wx.navigateTo({
    url: '/pages/Deposit/Deposit?merchantId=' + this.data.coach.coachId,
    })
    取值的方式

    传递的参数在接收页面onLoad()函数用过option.type就可以取到值

    /**
    * 生命周期函数--监听页面加载
    */
    onLoad: function (options) {
    this.setData({
    "machantId": options.machantId,
    "merchantRecordId":options.merchantRecordId
    })
    }

    OBJECT 参数说明:

    参数 类型 默认值 说明
    delta Number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。
    示例代码:

    // 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码

    // 此处是A页面
    wx.navigateTo({
    url: 'B?id=1'
    })

    // 此处是B页面
    wx.navigateTo({
    url: 'C?id=1'
    })

    // 在C页面内 navigateBack,将返回A页面
    wx.navigateBack({
    delta: 2
    })

    wx.redirectTo关闭当前页面,跳转到另外一个页面

    wx.redirectTo({
    url:"../Index/Index"
    })
  • 相关阅读:
    Java语言基础(3)
    Java语言基础(2)
    Java语言基础(1)
    标准C语言(13)
    标准C语言(12)
    标准C语言(11)
    标准C语言(10)
    IDEA 学习笔记之 Console显示日志大小
    Java 学习笔记之 线程sleep方法
    Java 学习笔记之 线程isAlive方法
  • 原文地址:https://www.cnblogs.com/Ph-one/p/11922114.html
Copyright © 2011-2022 走看看