flutter vue调用 webview javascriptChannels方法

js调用webview方法

1. 首先引入插件

 webview_flutter: ^1.0.7

2. 然后flutter 部分代码是这个样子

Scaffold(
        backgroundColor: Colors.black,
        body: WebView(
          initialUrl: '$game_url',
          javascriptMode: JavascriptMode.unrestricted,
          javascriptChannels: [
            JavascriptChannel(
                name: 'App',
                onMessageReceived: (JavascriptMessage message) {
                  print('收到消息${message.message}');
                  MyNavigatorUtil.pop(context);
                })
          ].toSet(),
        
        ),
      )

3. 然后是vue端代码
   在moundted增加暴露方法

moundted(){
window.appExit=this.appExit;
}

在methods中加入点击调用方法

methods:{
appExit(){
App.postMessage(1);
}