美文网首页
VUE页面向web-view页面通信

VUE页面向web-view页面通信

作者: 扶不起的蝌蚪 | 来源:发表于2020-04-02 01:41 被阅读0次

vue页面使用evalJs传参即可
建议用模板字符串

onLoad(option) {
            let data = option.data
            var wv;
            var currentWebview = this.$mp.page.$getAppWebview();
            //加延时器以保证获取
            setTimeout(function() {
                wv = currentWebview.children()[0];
                wv.evalJS(`getLocation(${JSON.stringfy(data)})`)
            }, 1000);
        }

HTML页面

<script type="text/javascript">
    window.getLocation = function(hazardInfo ){
            console.log(hazardInfo)  //不能parse,会报错,evalJs传过来就自动parse了
        }   
</script>

相关文章

网友评论

      本文标题:VUE页面向web-view页面通信

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