微信小程序之页面跳转

时间:2023-03-10 04:07:51
微信小程序之页面跳转

方式一:

<navigator class="menu_block" url="/pages/address/address">
<text class="iconfont icon-address icon-center"></text>
<text class="menu_name">地址管理</text>
</navigator>

方式二:

<view class="menu_block" bindtap="go_to_address">
<text class="iconfont icon-address icon-center"></text>
<text class="menu_name">地址管理</text>
</view>
go_to_address: function () {
wx.navigateTo({
url: '/pages/address/address'
})
}

navigate 中 open-type 有效值:

navigate 默认值就是它,对应wx.navigateTo功能。

redirect ,对应wx.redirectTo功能。

switchTab,对应wx.switchTab功能。

reLaunch,对应wx.reLaunch功能。

navigateBack,对应wx.navigateBack功能。

wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

wx.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。

wx.switchTab(OBJECT)

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

wx.navigateBack(OBJECT)

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。

wx.reLaunch(OBJECT)

关闭所有页面,打开到应用内的某个页面。