微信小程序跳转外链web-view用法
2018-04-03 18:12
603 查看
小程序已经开放了,跳转外链的功能,意思是,在小程序里面可以直接跳转到一个h5页面中。
注意上图中的两个信息:
1.个人类型与海外。。。。不支持。
2.配置域名白名单。
基本的配置结束之后,我们就来开始用web-view这个插件了。
由于这样写在页面上,这个链接会自动跳转。所以我另建了一个outurl文件夹,新建一个index.wxml页面将这个代码放在这个页面里面,然后在本页面点击‘下载手游’的时候通过路由跳转来达到目的。
谢谢阅读,谢谢点赞!
注意上图中的两个信息:
1.个人类型与海外。。。。不支持。
2.配置域名白名单。
基本的配置结束之后,我们就来开始用web-view这个插件了。
<web-view src="https://hx.qq.com/zlkdatasys/mct/proj_1/download.shtml?media=20180320wx&back=cururl"> </web-view>
由于这样写在页面上,这个链接会自动跳转。所以我另建了一个outurl文件夹,新建一个index.wxml页面将这个代码放在这个页面里面,然后在本页面点击‘下载手游’的时候通过路由跳转来达到目的。
<navigator url="/pages/outurl/index"> <image src='../../images/btn-download.jpg' class='btn-download'></image> </navigator>
谢谢阅读,谢谢点赞!
相关文章推荐
- 微信小程序webview跳转小程序内路由
- 微信小程序webview跳转小程序内路由
- 从h5网站页面跳转到微信小程序——微信web-view高级用法9
- 小程序web-view跳转外部链接,微信小程序打开url外部链接
- 微信小程序 页面跳转和数据传递实例详解
- 小程序webview嵌入iframe网页demo,微信小程序内嵌iframe网页代码,不支持打开非业务域名,请重新配置
- 微信小程序页面跳转传值以及获取值方法
- 微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)
- 微信小程序 跳转方式总结
- 微信小程序 页面跳转事件绑定的实例详解
- 微信小程序(页面跳转详解)
- 微信小程序web-view高级用法,JSSDK开发说明——微信web-view高级用法3
- 微信webview调用jsapi前的配置,小程序web-view jssdk调用设置
- 微信小程序IDE(微信web开发者工具)安装、破解手册--转载
- 微信小程序页面跳转与事件绑定,传值
- 【微信小程序】微信小程序页面跳转的数据传递
- 微信小程序:web-view开发实践
- 微信小程序创建之获取地理位置并跳转腾讯地图
- 微信小程序不能实现跳转