微信小程序web-view用法
2017-11-03 10:24
429 查看
昨天晚上小程序有发布了一个新版本啦,不知道各位小伙伴有没有看,由于业务需要,我今早一来就进行了实验进行试用,就是简单的调用起来。但是在调用起来的时候因为文档写的不够细,所以还是遇到了几个问题。写一篇文章,希望对刚刚开始想要调起web-view的小伙伴有帮助。
首先是域名的问题(很不要脸的说我卡这里卡了半个小时
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/bye.gif)
)
步骤:先登录小程序开发平台,将页面需要跳转的域名写上去,注意了,域名不是指服务器的域名,而是服务器下面的 业务域名 !!!
配好了域名之后就可以开始调用web-view了。
<web-view src="https://hi.xxx.com/Tickets/html/getScanCode.html"></web-view>
这样就可以很愉快的跳转了。
但是!可能你需要的需求是点击某个按钮或者view才进行跳转到不同页面的话。直接赋值可不算好想法,所以新建一个小程序的page,然后在里面写
<web-view src="{{path}}"></web-view>
在数据初始化化的时候先给一个默认值https://hi.xxx.com/Tickets/html/getScanCode.html,
点击的时候把需要跳转的某个页面的路径写成参数传过来,在onload里面拿出来赋值就可以解决跳转到不同页面的问题啦。
首先是域名的问题(很不要脸的说我卡这里卡了半个小时
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/bye.gif)
)
步骤:先登录小程序开发平台,将页面需要跳转的域名写上去,注意了,域名不是指服务器的域名,而是服务器下面的 业务域名 !!!
配好了域名之后就可以开始调用web-view了。
<web-view src="https://hi.xxx.com/Tickets/html/getScanCode.html"></web-view>
这样就可以很愉快的跳转了。
但是!可能你需要的需求是点击某个按钮或者view才进行跳转到不同页面的话。直接赋值可不算好想法,所以新建一个小程序的page,然后在里面写
<web-view src="{{path}}"></web-view>
在数据初始化化的时候先给一个默认值https://hi.xxx.com/Tickets/html/getScanCode.html,
点击的时候把需要跳转的某个页面的路径写成参数传过来,在onload里面拿出来赋值就可以解决跳转到不同页面的问题啦。
相关文章推荐
- webview打开微信支付,web view h5页面中调用小程序支付——小程序web-view高级用法11
- 小程序web-view动态显示h5页面,根据不同条件显示不同网页——微信web-view高级用法13
- 小程序使用web-view打开网页,web-view打开html5页面——微信web-view高级用法2
- 小程序web-view用wx.getNetworkType获取用户网络状态——微信web-view高级用法7
- webview实现支付后的业务逻辑处理,小程序webview完成微信支付后的处理方法——微信web-view高级用法12
- 小程序web-view用wx.scanQRCode实现微信扫一扫功能,识别二维码——微信序web-view高级用法8
- 从h5网站页面跳转到微信小程序——微信web-view高级用法9
- 小程序web-view分享html5网页,h5网页通过webview分享到微信群——微信web-view高级用法14
- 微信小程序web-view高级用法,JSSDK开发说明——微信web-view高级用法3
- 小程序web-view JSSDK配置文件说明——微信web-view高级用法4
- web-view h5页面传递参数给小程序,小程序接收h5网页传过来的数据——微信web-view高级用法10
- 小程序web-view优缺点,webview适合什么场景使用——微信web-view高级用法15
- 小程序webview访问别人网页,微信小程序web-view调用第三方网站内容——小程序webview高级用法16
- 小程序web-view打开网页demo实例,web view打开h5网站——微信web-view高级用法6
- 源码推荐:移动端商城(微信小程序源代码) WebView离线缓存
- 小程序webview传值,微信web-view h5页面间传值
- 微信小程序之----wx:if elif else的用法(搭配view、block)
- 微信小程序中web-view的那些坑
- 微信小程序之内嵌网页--web-view
- 微信小程序 加载网页 加载web-view