全国服务热线:4008-888-888

产品中心

机械网站建设

机械网站建设

详情介绍

机械网站建设:小程序跳H5页面

小程序现在日渐成熟 功能也越来越强大 我们今天来一起看看小程序跳转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跳转的接口域名 需要配置在小程序开发设置的业务域名列表中。

平心而论小程序的坑确实是挺多的 我已经踩了好多了 但是感觉还在一直踩踩踩 那天我想不开了 我就来总结一片小程序坑集 哈哈哈哈……

点赞 4 评论 14
React-Native的TextInput组件的设置以及获取输入框的内容 16323


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服