美文网首页
开发app, 前端写H5页面与android的通讯

开发app, 前端写H5页面与android的通讯

作者: johnnie_wang | 来源:发表于2020-08-28 14:39 被阅读0次

    基于vue

    1. h5调用安卓的方法
    window.android.XXXX()
    
    1. 安卓调用H5方法
    window.XXXX= this.XXXX
    

    demo

      created() {
        // 把androidCallH5这个方法传给安卓
        window.androidCallH5 = this.androidCallH5
      }
    
      // h5和android的通讯方法
      androidCallH5(key:any) {
        this.check(key.idNumber)
      }
    
      // 调用安卓的方法 , 唤醒扫一扫
      /**
       * 1、先h5Callandroid()会唤醒扫一扫
       * 2、安卓获取数据后 , 会调用androidCallH5(), 前端拿到数据
       */
      h5Callandroid() {
        window.android.androidGetCode()
      }
    

    相关文章

      网友评论

          本文标题:开发app, 前端写H5页面与android的通讯

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