美文网首页
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