美文网首页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