小程序如何外链到H5页面

583
2020/12/30 14:46:13
栏目: 云计算
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

小程序如何外链到H5页面

在小程序使用web-view组件外链到h5页面

1.新建一个web-view标签,并指向h5页面的链接;

<web-view src="h5页面链接"> </web-view>

2.通过 wx.navigateTo()方法设置web-view的src属性;

// 点击即可进入h5页面

goPageDetail(e) {

const { url, h5 } = e.currentTarget.dataset;

if (url !== '/') {

wx.navigateTo({

url

});

} else {

wx.navigateTo({

url: `/pages/article/webview/index?h5=${h5}`

});

}

},

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: 如何从页面区分微信小程序和H5