使用web-view标签进行跳转
首先建立一个新的页面，这个页面就是为了第三方H5页面准备的。
在index.wxml中，写以下代码
<web-view src="{{h5url}}"></web-view> // 微信小程序提供的标签在index.js中，写一下代码
data: {
h5url:"https://eoaptest.cebbank.com:8443/uiap/ccs/chath5.html"
}
// 微信小程序的data中，h5url为第三方h5的链接在需要点击跳转第三方页面的地方，js文件中用以下代码实现跳转
wx.navigateTo({
url: "../../pay/serviceH5/index"
})
// wx.navigateTo是小程序提供的跳转方法，url是新建h5页面的路径以上代码就实现了跳转第三方链接/H5页面
项目中大部分时候，需要链接拼接token进行跳转，那么在封装好接口之后用以下方式跳转文章来源：https://www.toymoban.com/news/detail-503087.html
请求token的页面绑定点击事件用wx.navigateTo进行跳转文章来源地址https://www.toymoban.com/news/detail-503087.html
toService: function () {
API.queryUserInfoForCCMini( params ).then ( res => {
const serviceToken = encodeURIComponent(res.userinfoForCCMiniModel.token)
console.log(serviceToken)
wx.navigateTo({
url: `../pay/ser/index?h5url=https://eonk.com/uiap/ccs/chath5.html?token=${serviceToken}`,
})
})
},到了这里，关于微信小程序跳转第三方H5的方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
