微信小程序总结跳转方式,解决跳转失效问题

我与影子孤独终老i 提交于 2020-01-02 11:23:34

微信小程序跳转方式

1.navigator 跳转

最常见的跳转方法就是运用<navigator url="../../.."></navigator>进行跳转,只要在url中添加跳转页面的路径即可。

代码

<navigator url="../skill/skill">
    ........//跳转涵盖内部所有代码形成的页面
</navigator>

2.运用 bindtap在js中实现页面的跳转

比起navigator的跳转,个人更喜欢用bindtap跳转,运用更灵活,也不用去除点击样式。
bindtap='home'(home位置随便替换)

代码

//wxml
 <view  bindtap='home'>
 </view>
//js
home: function (e) {
     wx.navigateTo({
       url: '../../..'        //跳转链接
     })
   }

**重点

在开发的过程中,突然遇到以上两种方式都无法实现跳转,也不会报错的情况,经过查询资料,发现内部调用wx.switchTab可以很好的解决这一现象

代码

home: function (e) {
      wx.switchTab({
        url: '../../..'
      })
    }
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!