小程序web-view的使用
By
小程序开发
at 2023-09-09 • 0人收藏 • 101人看过
下面是微信小程序web-view的使用方法举例
web-view是小程序承载网页的容器。
会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。
webview 指向网页的链接。
可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。
<web-view src="{{url}}" bindmessage="handleMessage"></web-view>
Page({ data: { url: 'https://www.example.com' // 设置WebView加载的网址 }, handleMessage: function(e) { // 处理WebView发送的消息 console.log(e.data); } })
代码示例:
<script> wx.miniProgram.navigateTo({url: '/path/to/page'}) wx.miniProgram.postMessage({ data: 'foo' }) wx.miniProgram.postMessage({ data: {foo: 'bar'} }) wx.miniProgram.getEnv(function(res) { console.log(res.miniprogram) }) </script>
登录后方可回帖