美文网首页
vue与原生app交互

vue与原生app交互

作者: 刘金海_ | 来源:发表于2021-01-19 19:13 被阅读0次

原生app调用h5方法,首先,app和h5先定义相同的方法名,例如:getParam

vue写法如下

created() {
   window['getParam'] = function (data) {
      // data为App传递的值
    }
}

h5调用app方法,同样,app和h5要先定义相同的方法名,例如:调用分享share

      var u = navigator.userAgent
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 // android终端或者uc浏览器
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // ios终端
        if (isAndroid) {
          window.Android.share(url)  //url为分享的链接地址
        } else if (isiOS) {
          window.webkit.messageHandlers.share.postMessage(url) //url为分享的链接地址
        }

相关文章

网友评论

      本文标题:vue与原生app交互

      本文链接:https://www.haomeiwen.com/subject/zfsczktx.html