2***@qq.com
2***@qq.com
  • 发布:2023-04-10 15:46
  • 更新:2023-04-10 15:46
  • 阅读:507

web-view与网页间通信

分类:uni-app

1、web-view支持网络网页和本地网页,本地网页要求必须放在【uni-app 项目根目录->hybrid->html 文件夹下或者 static 目录下】
2、要引入官方给的js文件‘
<!-- 微信 JS-SDK 如果不需要兼容小程序,则无需引用此 JS 文件。 -->
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<!-- uni 的 SDK,必须引用。 -->
<script type="text/javascript" src="//js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>
【注意版本】
3、代码--例子

3.1 uni-app 中web-view壳子【XXX.vue】:

3.2 静态网页代码【inner.html】

点击按钮“发送消息[这个OK,关闭页面]”, 则返回xxx.vue,然后在返回到index页面。

4、uni-app向目标页面传参,目前我是放在路径里的,如【path:'http://192.168.10.76:8020/test-front/inner.html?para=' + (new Date()).getTime(),】

0 关注 分享

要回复文章请先登录注册