2
首先H5的index.html引入uniapp的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="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>

image.png

H5指定页面进行初始化uni.webview
mounted() {
    this.$nextTick(() => {
      // 初始化uni.webview
      document.addEventListener("UniAppJSBridgeReady", function() {
        console.log("初始化uniapp的API成功");
      });
    });
}

image.png

最后,H5页面可以使用uniapp指定的API

image.png
image.png

uniapp的webview文档:https://uniapp.dcloud.io/comp...


Max迪丶先生
1.8k 声望64 粉丝

引用和评论

0 条评论