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

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

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

1.navigator 跳轉(zhuǎn)

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



代碼

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

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

</navigator>

1

2

3

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

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

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



代碼

//wxml

 <view  bindtap='home'>

 </view>



//js

home: function (e) {

     wx.navigateTo({

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

     })

   }



**重點(diǎn)

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



代碼

home: function (e) {

      wx.switchTab({

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

      })

    }


日歷

鏈接

個(gè)人資料

存檔