UIWebView和vue.js通信(json数据)

最新推荐文章于 2024-05-12 07:19:04 发布

原创最新推荐文章于 2024-05-12 07:19:04 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

vuejs 同时被 2 个专栏收录

39 篇文章

订阅专栏

iOS

25 篇文章

订阅专栏

本文介绍iOS通过UIWebView与Vue.js应用进行交互的方法。主要内容包括：iOS如何监听Vue的函数并解析传来的JSON数据；以及iOS怎样将JSON数据传递给Vue界面。

iOS接收Vue的json数据

	methods:{
            //选择某一个银行
            hotBankFun:function (bank) {
                console.log(bank)
                hotBankFunClick(bank)
            }
    }

- (void)webViewDidFinishLoad:(UIWebView *)webView{
    //1.iOS监听vue的函数
    JSContext *context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    //定义好JS要调用的方法, share就是调用的share方法名
    //热门银行选择银行
    context[@"hotBankFunClick"] = ^() {
        NSDictionary * bankDict = [NSDictionary dictionary];
        NSArray *args = [JSContext currentArguments];
        for (JSValue *jsVal in args) {
            bankDict = jsVal.toDictionary;
            break;
        }
        HWDLog(@"%@",bankDict);
        BankModel * bank = [BankModel yy_modelWithJSON:bankDict];
        [self hotBankDidClick:bank];
    };
}

iOS传递到vue界面json数据

   NSDictionary*dict = @{@"name":@"宇航我爱你",@"address":@"北京市东城区"};
    NSString*dictString = dict.yy_modelToJSONString;
    NSString *jsStr = @"hwajax('lvkaike')";
    
    jsStr = [NSString stringWithFormat:@"hwajax(%@)",dictString];
    NSLog(@"%@",jsStr);
    [webView stringByEvaluatingJavaScriptFromString:jsStr];

app.vue

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