1.為了解決微信小程序跳轉(zhuǎn)網(wǎng)頁(yè)時(shí)出現(xiàn)的空白或被攔截問題,可以使用web-view組件進(jìn)行跳轉(zhuǎn)及其跳轉(zhuǎn)后操作。
首先,在小程序的頁(yè)面布局文件中添加web-view組件的引用
<web-view src="{{url}}"></web-view>
2.在需要跳轉(zhuǎn)的地方,使用小程序提供的API進(jìn)行跳轉(zhuǎn),并將參數(shù)對(duì)象作為參數(shù)傳遞過去
wx.navigateTo({
url: '/pages/webview/webview?url=https://www.example.com¶m1=value1¶m2=value2' // 跳轉(zhuǎn)到包含web-view的頁(yè)面,并傳遞參數(shù)對(duì)象
})
3.在需要跳轉(zhuǎn)的頁(yè)面的js文件中,定義一個(gè)函數(shù)用于接收傳遞過來的參數(shù):
Page({
data: {
url: '', // 需要跳轉(zhuǎn)的網(wǎng)址
param1: '', // 參數(shù)1
param2: '' // 參數(shù)2
},
onLoad: function(options) {
this.setData({
url: options.url, // 從參數(shù)中獲取需要跳轉(zhuǎn)的網(wǎng)址
param1: options.param1, // 從參數(shù)中獲取參數(shù)1
param2: options.param2 // 從參數(shù)中獲取參數(shù)2
})
}
})
4.核心邏輯------當(dāng)我們跳轉(zhuǎn)網(wǎng)頁(yè)的時(shí)候,一般情況下,網(wǎng)頁(yè)平臺(tái)和我們平臺(tái)是同一個(gè),使用token也是一個(gè),當(dāng)我們進(jìn)行跳轉(zhuǎn)網(wǎng)頁(yè)時(shí)候,還沒有登錄,還需要進(jìn)行登錄,跳轉(zhuǎn)其他頁(yè)面就被攔截了,這個(gè)主要的問題是web-view是一個(gè)內(nèi)置瀏覽器,里面的緩存和微信小程序的緩存不在一個(gè)地方,就會(huì)被攔截,為了解決這個(gè)問題,我?guī)缀醢阉械那闆r都試遍了,我用了一個(gè)方法就解決了
給大家先畫個(gè)草圖大家就明白了
文章來源:http://www.zghlxwxcb.cn/news/detail-856556.html
具體操作可以私信我,我手把手教你解決文章來源地址http://www.zghlxwxcb.cn/news/detail-856556.html
到了這里,關(guān)于微信小程序使用web-view跳轉(zhuǎn)網(wǎng)頁(yè)解決跳轉(zhuǎn)出現(xiàn)空白或者被攔截問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!