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

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

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

1.navigator 跳轉(zhuǎn)

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



代碼

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

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

</navigator>

1

2

3

2.運(yùn)用 bindtap在js中實(shí)現(xiàn)頁面的跳轉(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)

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



代碼

home: function (e) {

      wx.switchTab({

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

      })

    }


日歷

鏈接

個(gè)人資料

存檔