码迷,mamicode.com
首页 > 移动开发 > 详细

uniapp跳转webview后H5不执行UniAppJSBridgeReady 回调无用

时间:2019-09-20 19:30:53      阅读:530      评论:0      收藏:0      [点我收藏+]

标签:user   sage   token   nbsp   mes   efault   出现   运行   type   

开始时我在真机上测试使用

<web-view :src="‘/hybrid/html/pages/index/index.html?userInfo=‘+JSON.stringify(userInfo)+‘&type=‘+webViewType" @message="getMessage"></web-view>

这种形式传参时没有问题会走UniAppJSBridgeReady 回调但是,离线打包生成app资源在xcode上运行到手机出现不回调

因为官方的demo实例中没有出现问题,因为里面没有向webview传参

后来发现是传参问题,不能用下面形式

<web-view :src="‘/hybrid/html/pages/index/index.html?userInfo=‘+JSON.stringify(userInfo)+‘&type=‘+webViewType" @message="getMessage"></web-view>

我改后的
<template>
    <view>
        <!-- <web-view :src="‘/hybrid/html/pages/index/index.html?userInfo=‘+JSON.stringify(userInfo)+‘&type=‘+webViewType" @message="getMessage"></web-view> -->
        <web-view :src="url" @message="getMessage"></web-view>
    </view>
</template>

<script>
    //非父子组件传值
    import bus from ../../static/js/bus.js;
    import { mapState, mapMutations } from vuex;
    export default {
        computed: mapState([userInfo, api,webViewType]),
        data() {
            return {
                url:‘‘,
                fileList:[]
            }
        },
        onLoad(option) {
            console.log(this.webViewType)
            this.url=`/hybrid/html/pages/index/index.html?type=${this.webViewType}&token=${this.userInfo.token}`
        },
        methods: {
            getMessage(event) {
                this.fileList=event.detail.data[0].fileList
                bus.$emit(fileList,this.fileList)
            }
        }
    }
</script>

<style>
</style>

就可以触发了

 

uniapp跳转webview后H5不执行UniAppJSBridgeReady 回调无用

标签:user   sage   token   nbsp   mes   efault   出现   运行   type   

原文地址:https://www.cnblogs.com/lizhao123/p/11558674.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!