小程序跳H5页面-h5小程序模板-h5小程序怎么做-即速应用

小程序跳H5页面-h5小程序模板-h5小程序怎么做

浏览量：1611 时间：2020-04-01 来源：_52赫兹_

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