:一绊率、小程序跳轉(zhuǎn)到h5
1、小程序跳轉(zhuǎn)到h5觸發(fā)方法:
(1)點擊按鈕:
toh5(){
wx.navigateTo({
? ? ? url: "urltest",//urltest是你要承載h5內(nèi)容的頁面绝编,是你本地的小程序頁面
? ? })
}
(2)標簽觸發(fā)跳轉(zhuǎn):
<navigator url="urltest" ></navigator>//urltest同上?
2、urltest頁面內(nèi)容:
<web-view src='https:xxxxxx'></web-view>//src就是你要跳轉(zhuǎn)的頁面的地址(注意https)
二、H5頁面返回小程序
頁面引入js:<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
h5頁面點擊跳轉(zhuǎn)方法:wx.miniProgram.navigateTo({url: 'xxxx'}) //xxxx為跳回小程序需要顯示的頁面路徑
坑來了:作者的項目是tabBar頁面棋蚌,如下:
點擊之后跳轉(zhuǎn)到web-view頁面雅倒,正常璃诀,結(jié)果返回的時候死活回不來,各種嘗試蔑匣,最后發(fā)現(xiàn)是頁面跳轉(zhuǎn)的問題:在小程序里跳轉(zhuǎn)到tabBar頁面需要用wx.switchTab,但是h5回跳用的是navigateTo劣欢,所以無法完成回跳,作者的解決辦法是寫了個中間頁裁良,從h5返回的時候先去中間頁再從中間頁wx.switchTab到tabBar頁凿将,算是迂回實現(xiàn)了。再一個:作者的web-view頁面頭部帶了返回按鈕(因為是navigateTo跳轉(zhuǎn)過來的)點擊那個返回也能回到tabBar頁价脾,不知道咋回事牧抵。。侨把。各位如果有更好的實現(xiàn)方法可以留言哈犀变。