小程序跳H5页面
小程序现在日渐成熟,功能也越来越强大,我们今天来一起看看小程序跳转H5页面的问题。小程序组件中有一个web-view,是一个可以用来承载网页的容器,会自动铺满整个小程序页面。注意:个人类型与海外类型的小程序暂不支持使用。好的,我们直接上代码,然后再进行讲解。wxml1:<view class="tiaoH51&
·
小程序现在日渐成熟,功能也越来越强大,我们今天来一起看看小程序跳转H5页面的问题。
小程序组件中有一个web-view,是一个可以用来承载网页的容器,会自动铺满整个小程序页面。
注意:个人类型与海外类型的小程序暂不支持使用。
好的,我们直接上代码,然后再进行讲解。
wxml1:
<view class="tiaoH51">
<navigator url="pageH5" class="papaa">
点击跳转到H5页面
</navigator>
</view>
wxml2:
<view class="container">
<view class="pageH5">
<web-view src="https://www.baidu.com/"></web-view>
</view>
</view>
ok,没有任何废代码,但是可能有的小伙伴有疑问了,为什么一个跳转需要两个页面的wxml呢?别着急,且听我娓娓道来~
1.首先,web-view组件的属性src,正如你说看到的,这个就是设置网页链接的,但是需要特别注意的是web-view的src必须配置https协议的链接;
2.其次,就是web-view组件只要配置了链接,它是铺满全屏且自动跳转的,所以这也就是为什么我这边需要先写一个navigator按钮,自主操作之后再让它跳转的原因;
3.最后,web-view跳转的接口域名,需要配置在小程序开发设置的业务域名列表中。
平心而论小程序的坑确实是挺多的,我已经踩了好多了,但是感觉还在一直踩踩踩,那天我想不开了,我就来总结一片小程序坑集,哈哈哈哈……
更多推荐
已为社区贡献1条内容
所有评论(0)