1、Vue调用android,ios

十年专业网站制作公司历程，坚持以创新为先导的网站服务，服务超过成百上千企业及个人，涉及网站设计、app软件开发、微信开发、平面设计、互联网整合营销等多个领域。在不同行业和领域给人们的工作和生活带来美好变化。

• Vue:
  openContacts:function(){
  window.nativeObj.openContacts()
  }

• android:
  Webview.addJavascriptInterface(contactsInterface, "nativeObj"); // 第二个参数 字符串随便命名，代指java的实体类在前面Js

• ios:
  JSContext *jsContext = [self.mWebView valueForKey:@"documentView.webview.mainFrame.javaScriptContext"];
  jsContext[@"nativeObj"] = self;

2、android ios 调用Vue

• Vue:
  methods:{
  hwajax:function (strings) {
  this.tokenString=strings;
  }
  }
  mounted:function () {
  window.hwajax = this.hwajax;
  }

• android:
  final int version = Build.VERSION.SDK_INT;
  //因为该方法在 Android 4.4 版本才可使用，所以使用时需进行版本判断
  String url = "javascript:window." + hwajax + "()";
  if (version < 18) {
  webView.loadUrl(url);
  } else {
  webView.evaluateJavascript(url, new ValueCallback() {
  @Override
  public void onReceiveValue(String value) {
  //此处为 js 返回的结果
  }
  });

• ios:
  NSString jsStr = @"hwajax('lvkaike')";
  [webView evaluateJavaScript:jsStr completionHandler:^(id _Nullable d, NSError _Nullable error) {
  }];

网站栏目：androidiosvue互调
文章URL：http://www.bluegullmedia.com/article/ijdehd.html