微信小程序之页面跳转
2023-09-27 14:24:29 时间
方式一:
<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)
关闭所有页面,打开到应用内的某个页面。
相关文章
- 微信小程序 - 关闭当前页面无法再通过左上角返回
- 【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
- 【微信小程序】-- 自定义组件 -- 创建与引用 &样式(三十二)
- 【微信小程序】-- 页面事件 - 上拉触底(二十六)
- 【微信小程序】-- 页面导航 -- 编程式导航(二十三)
- 微信小程序之 页面跳转 及 调用本地json的假数据调试
- 微信小程序 - 满意度调查评价功能,表情图片打分评分组件(非星星评分组件,类似抖音商品满意度好评、中评、差评评价功能)代码干净整洁注释详细无 BUG,无任何第三方插件依赖,完整功能实例源码插件
- 微信小程序 - 页面触底 onReachBottom() 懒加载自动计算分页、检查是否已经请求完全部数据、自动请求接口合并数据(高效自动判断分页懒加载是否继续请求接口数据,超详细触底请求后端示例教程)
- 微信小程序 - wx.navigateTo({}) 跳转页面携带 对象/数组/复杂数据 参数(携带一个复杂对象数据参数)
- 微信小程序 - 在自定义组件中请求后端 API 数据接口(引入该组件的页面触发)组件在哪个生命周期钩子函数中请求接口数据呢?
- 微信小程序 - 返回前一个页面时,执行前一个页面的函数方(wx.navigateBack 返回后,执行上一页的某个函数方法刷新数据)回前一个页面时,执行前一个页面的函数方法。支持改变 data 数据。
- 微信小程序 - 【关闭提示】根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引
- [转]Uni-app的webview,H5页面在微信小程序中webview再跳回小程序的解决方案
- 获取微信小程序页面路径【保姆级教程】
- 前端微信小程序云开发基础
- 微信小程序页面带参数跳转及接收参数内容navigator
- 微信 小程序布局 swiper 页面
- 微信小程之登录
- 微信小程序--搜索关键词高亮
- 微信聊天小程序——(四、聊天页面)
- 微信小程序休眠setTimeout
- 微信小程序 位置定位position详解,相对定位relative,绝对定位absolute相关问题
- 微信小程序学习第5天——页面导航(声明式与编程式导航)与页面事件(上拉与下拉刷新)
- 微信小程序中 web-view 组件渲染外部 h5页面如何使用?