美文网首页tool
flutter 与webview (vue)交互

flutter 与webview (vue)交互

作者: Mr_Dragonn | 来源:发表于2019-10-22 16:09 被阅读0次

    flutter与webview交互

    因为web端项目用的是vue框架 按照网上的教程flutter端调用js端方法不管用:

    flutter端

       _webController?.evaluateJavascript('callJS("visible")')?.then((result) {
                          // You can handle JS result here.lt here.
                    
        });
    

    web端

      methods: {
               callJS(value) {
                 this.value=value;
                document.getElementById('test').style.backgroundColor = 'red';
            },
        },
    

    后来发现是vue的方法不会暴露给app使用 需要把方法名暴露给window

     mounted() {
     <!--把方法名暴露出去-->
           window.callJS = (e) => {
                this.callJS(e)
            }
        },
    

    相关文章

      网友评论

        本文标题:flutter 与webview (vue)交互

        本文链接:https://www.haomeiwen.com/subject/dlgqvctx.html