androidiosvue互调

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互调
文章地址:http://ybzwz.com/article/ijdehd.html