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

2019-12-9    seo达人

微信小程序跳转方式

1.navigator 跳转

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



代码

<navigator url="../skill/skill">

    ........//跳转涵盖内部所有代码形成的页面

</navigator>

1

2

3

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: '../../..'

      })

    }


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档