uniapp引入Facebook聊天插件刷新正常显示，每次切换页面再回到首页就不显示问题

有个小问题，就是每次都要手动刷新页面蓝色图标才会出现，如果从首页跳转到详情页，再从详情页跳转会首页，图标会不显示，求解决

Facebook官方教程

<template>
    <view>

		<!--在底部加上代码-->
        <view id="fb-root"> </view>
        <view id="fb-customer-chat" class="fb-customerchat" :page_id="pageId" :attribution="attribution"></view>
        

    </view>
</template>



<script>
export default {
    data() {
        return {
            pageId: "101199972640448",
            attribution: "biz_inbox"
            }
    },
    onShow() {
        this.$nextTick(() => {
            console.log("fbparent");
            this.facebookInit()
        })
    },
    mounted() {
    
    },
    methods:{
        facebookInit() {
            console.log("Facebook");
            window.fbAsyncInit = function() {
                FB.init({
                    xfbml: true,
                    version: 'v14.0'
                });
            };

            (function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s);
                js.id = id;
                js.src = 'https://connect.facebook.net/zh_CN/sdk/xfbml.customerchat.js';
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

        },        
    }
        
}

项目代码，首页代码

项目效果 出现了蓝色聊天图标