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

Posted 2022-11-15 lizhao123

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

<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>

就可以触发了