android ios vue 互调

发布时间：2020-08-15 18:44:54 来源：网络阅读：1104 作者：home_xu 栏目：移动开发

1、Vue调用android,ios

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<String>() {
@Override
public void onReceiveValue(String value) {
//此处为 js 返回的结果
}
});
ios:
NSString jsStr = @"hwajax('lvkaike')";
[webView evaluateJavaScript:jsStr completionHandler:^(id _Nullable d, NSError _Nullable error) {
}];

向AI问一下细节

猜你喜欢