簡單的講就是我們可以在小程序內(nèi)放置一個<web-view>組件來鏈接我們的HTML頁面了。
但是點擊跳轉(zhuǎn)頁面的時候。頁面左上角沒有??！返回按鈕??！導(dǎo)致回不去了，這不是搞笑的嗎。
看了下其他的小程序，發(fā)現(xiàn)如果是兩個小程序頁面跳轉(zhuǎn)的話，第二個頁面的左上角是會有返回按鈕的。那我們可以想到，如果在第二個頁面也放個webview組件，用來顯示跳轉(zhuǎn)之后的鏈接，不就完美解決了嗎？
1. 用來跳轉(zhuǎn)到小程序第二個頁面的代碼：
（1）pages/webview/webview.wxml
? ? ? ? ?webview.wxml空白頁面就可以
（2）pages/webview/webview.js? ? ? ?webview.js代碼如下：
????????Page({
??????????//?進入頁面加載
??????????onLoad:?function(e)?{
????????????wx.showLoading({
??????????????title:?'加載中'
????????????});
??????????},
??????????onShow:?function(e){
????????????wx.showLoading({
??????????????title:?'加載中'
????????????});
????????????wx.navigateTo?({
??????????????url:?'/pages/index/index',
????????????})
??????????},
????????})
2. 微信小程序index用來嵌套<web-view>組件顯示我們要跳轉(zhuǎn)的H5網(wǎng)頁
pages/index/index.wxml? ? ? index.wxml代碼如下：
<view>
??<web-view?src="https://www.baidu.com"></web-view>
</view>
3. app.json頁面里面的代碼如下：
{
??"pages":?[
????"pages/webview/webview",
????"pages/index/index"
??],
??"window":?{
????"backgroundTextStyle":?"light",
????"navigationBarBackgroundColor":?"#fff",
????"navigationBarTitleText":?"小程序名稱",
????"navigationBarTextStyle":?"black"
??},
??"style":?"v2",
??"sitemapLocation":?"sitemap.json"文章來源：http://www.zghlxwxcb.cn/news/detail-716112.html
}文章來源地址http://www.zghlxwxcb.cn/news/detail-716112.html
到了這里，關(guān)于微信小程序webview內(nèi)嵌H5跳轉(zhuǎn)頁面后沒有返回按鈕完美解決方案的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
