OC与JS(Vue)交互 用WKWebView

一.JS调用OC(实践ok)

应用场景举例:点击H5页面的分享按钮,调用起原生OC的微信分享功能

1.1 JS(Vue)部分

<div @click="btnClick">04/21-04/25<div>

//script方法实现处加上window.webkit.messageHandlers.xxx.postMessage(),xxx为方法名
methods: {
   btnClick() {
      window.webkit.messageHandlers.btnClick.postMessage({
          title: this.onCity, //vue给iOS传值
      });
   },

1.2 原生OC

<WKScriptMessageHandler>

//1.进行配置,在webView初始化的时候
  WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
  config.userContentController = [[WKUserContentController alloc] init];
  //意思是网页中需要传递的参数是通过这个JS中的showMessage方法来传递的
  [config.userContentController addScriptMessageHandler:self name:@"btnClick"];
    
  self.webView = [[WKWebView alloc]initWithFrame:self.view.frame configuration:config];

//2.实现
#pragma mark - WKScriptMessageHandler
- (void)use
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值