微信小程序總結(jié)跳轉(zhuǎn)方式，解決跳轉(zhuǎn)失效問題

2019-12-9    seo達(dá)人

微信小程序跳轉(zhuǎn)方式

1.navigator 跳轉(zhuǎn)

最常見的跳轉(zhuǎn)方法就是運用<navigator url="../../.."></navigator>進(jìn)行跳轉(zhuǎn)，只要在url中添加跳轉(zhuǎn)頁面的路徑即可。



代碼

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

    ........//跳轉(zhuǎn)涵蓋內(nèi)部所有代碼形成的頁面

</navigator>

1

2

3

2.運用 bindtap在js中實現(xiàn)頁面的跳轉(zhuǎn)

比起navigator的跳轉(zhuǎn)，個人更喜歡用bindtap跳轉(zhuǎn)，運用更靈活，也不用去除點擊樣式。

bindtap='home'(home位置隨便替換）



代碼

//wxml

 <view  bindtap='home'>

 </view>



//js

home: function (e) {

     wx.navigateTo({

       url: '../../..'        //跳轉(zhuǎn)鏈接

     })

   }



**重點

在開發(fā)的過程中，突然遇到以上兩種方式都無法實現(xiàn)跳轉(zhuǎn)，也不會報錯的情況，經(jīng)過查詢資料，發(fā)現(xiàn)內(nèi)部調(diào)用wx.switchTab可以很好的解決這一現(xiàn)象



代碼

home: function (e) {

      wx.switchTab({

        url: '../../..'

      })

    }


分享本文至：

日歷

鏈接

個人資料

存檔