有个小问题,就是每次都要手动刷新页面蓝色图标才会出现,如果从首页跳转到详情页,再从详情页跳转会首页,图标会不显示,求解决
Facebook官方教程
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1624609553992894cdc66f496b4f70f2.png)
<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'));
},
}
}
项目代码,首页代码
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0b5075868c1d9c252e1132fe684b1200.png)
项目效果 出现了蓝色聊天图标
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/30f5453fee8b3438a27acd8ceed720b0.jpeg)