vue中如何调用原生安卓或ios的方法

现在的app部分是嵌套h5页面(我是使用vue去开发的,别的都一样) 那么如何调用原生安卓或者ios的方法呢?

首先
在事件里面去这样写

 const u = navigator.userAgent; 
 const isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; 
 //android终端 
 const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); 
 //ios终端 
 if (isAndroid) { 
		console.log("安卓")
        window.jsBridge.finis()  //安卓
    }
  else if (isiOS) {
  		 console.log("苹果")
         window.webkit.messageHandlers.finish.postMessage('') // 苹果
  }

很简单 首先判断是什么机型,
安卓是通过 window.jsBridge.方法名(参数)
ios是通过 window.webkit.messageHandlers.finish.postMessage(参数)
具体方法写什么值传什么找原生安卓ios沟通

注意:
这里调用ios的方法会报错,但是不用去管!因为在咱vue项目里面调用ios是不起作用的 原生倒是没什么事情 方法名称和ios对应好过后就行了 这个警告不用管 ios可以接受得到
在这里插入图片描述

你可能感兴趣的:(安卓,ios,vue)