微信小程序webview如何检测a链接并跳转到二级页面

2021-10-29 09:50
由 admin 发表

第一步:
在网页的底部添加以下js代码(需引入jquery)

 
 
阐明:检测页面上面一切的a链接,并自动参加域名,然后交换为微信小程序所支持的页面跳转链接写法。留意:必需url encode

第二步:
微信小程序上,创立一个公共页面:
common.wxml
<view class='holderview'>
<view class='loadingview'>
<view><image/></view>
<view>载入中..</view>
</view>
</view>
<web-view src="{{url}}"></web-view>

common.js
Page({
data: {
url: ""
},
onLoad: function (options) {
var that = this
var url = decodeURIComponent(options.url)
that.setData({
url: url
})
},
onReady: function () {
 
},
onShow: function () {
 
},
onHide: function () {
 
},
onUnload: function () {
 
},
onPullDownRefresh: function () {
 
},
onReachBottom: function () {
 
},
onShareAppMessage: function () {
 
}
})
阐明:比方a页面加载了webview。在a页面的url网页a链接全部转化为微信小程序链接后,点击链接即可跳转入:common.wxml页面


 

Copyright © 2012-2020 赤峰蒙仁信息咨询有限公司 版权所有