微信小程序 跳转页面

博客围绕微信小程序页面跳转需求展开,介绍从 index.wxml 页面跳转到 aaa.wxml 页面的方法。包括在 WXML 页面通过设置 url 和 open - type 实现跳转,以及在 js 页面使用 wx.redirectTo 和 wx.reLaunch 等函数实现跳转,并提及部分方法存在的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求:从 index.wxml 页面,跳转到 aaa.wxml 页面
方法一:WXML页面实现
1.url = “/pages/aaa/aaa”>跳转到新页面

2 url = “/pages/aaa/aaa” open-type = “redirect”>跳转到新页面

3.url = “/pages/aaa/aaa” open-type = “switchTab”>跳转到新页面

方法二:js页面实现
bindViewTab:function(){

wx.navigateTo({    //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)
     url:"/pages/aaa/aaa"
})

wx.redirectTo({ //关闭当前页面,跳转到应用内的某个页面(这个跳转有个坑,就是跳转页面后页面会闪烁一下,完全影响了我自己的操作体验,太缺德了。)
url:"/pages/aaa/aaa"
})
wx.reLaunch({ //跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的的时候)

url:'/pages/index/index'

})

wx.switchTab({    //跳转到tabBar页面,并关闭其他所有tabBar页面
       url:"/pages/aaa/aaa"
 })


wx.navigateBack({     //返回上一页面或多级页面
      delta:1
})

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值