开发的时候,我们难免碰到要跳转到其他网页中去的需求。例如我想点击一个按钮,跳转到百度(百度的网页还是在小程序中打开),这又该怎么实现呢?
- 跳转页面(即从这里向外跳的页面,就是‘from’)
<button @click="toBaidu" >跳转至百度</button>
- 跳转至页面(即跳至这里,就是‘to’)
只需要在页面中加入下面这个组件就可以了,该组件渲染时会自动占据整个页面,所以连样式都不用写
<web-view src="https://www.baidu.com"></web-view>
这样就跳转至百度了(需要在开发者工具中点设置-项目设置-在不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书 前面打上对勾)。
- 需要配置业务域名并上传验证文件
校验文件需要放在要跳转到的网站的根目录下面才可以,也就是说想跳转至第三方链接需要经过第三方的同意。比如上面例子中跳转到www.baidu.com 就行不通,只能是自己在开发的时候练练手,在正式发布时候肯定是不可以的。
另有一点需要说明:个人类型与海外类型的小程序暂不支持使用web-view。