小程序web-view的使用

By 小程序开发 at 2023-09-09 • 0人收藏 • 101人看过

下面是微信小程序web-view的使用方法举例


web-view是小程序承载网页的容器。

会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。


webview 指向网页的链接。

可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。


微信截图_20230909143127.png


<web-view src="{{url}}" bindmessage="handleMessage"></web-view>


Page({  
  data: {  
    url: 'https://www.example.com' // 设置WebView加载的网址  
  },  
  handleMessage: function(e) {  
    // 处理WebView发送的消息  
    console.log(e.data);  
  }  
})

image.png

代码示例:

<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>


登录后方可回帖

Loading...