vue3.0 前端和客户端混合开发

1.客户端发送消息

iOS给前端发送消息

self.mainWebView.evaluateJavaScript("appCallJsListInit()") { object, error in

}               

image.png

vue3.0中接收客户端发送消息(在index.html中)

前端接收客户端发送消息(在子页面中)

2.客户端接收消息

前端给客户端发送消息

iOS接收前端发送的消息

    override func viewWillAppear(_ animated: Bool) {
        
        mainWebView.configuration.userContentController.add(self, name: "jsCallAppInit")
 
    }
    
    override func viewDidDisappear(_ animated: Bool) {
        super.viewDidDisappear(animated)
       mainWebView.configuration.userContentController.removeScriptMessageHandler(forName: "jsCallAppInit")
 
    }

   func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {

        switch message.name {
        case "jsCallAppInit":
            //初始化
            requestInitData()
 
        default: break
        }
    }