vue使用facebooktwitter分享示例_vue分享facebook - CSDN文库

158 浏览量更新于2023-05-03 1 收藏 25KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

vue使用使用facebook twitter分享示例分享示例

记录一次vue使用分享

固定内容的分享参考文档

facebook 分享文档

twitter 分享文档

vue 使用使用

facebook 使用分享

找到index.html 添加一下代码

<div id="fb-root"></div>

<script>(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.js#xfbml=1&version=v2.12&appId=你的APPID&autoLogAppEvents=1';

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

</script>

在在vue 里面使用里面使用

第一种方式 html

代码如下:

<div class=”fb-share-button” data-href=”http://dev.XXXX.io/” data-layout=”button_count” data-size=”small” data-mobile-

iframe=”true”><a target=”_blank” href=”https://www.facebook.com/sharer/sharer.php?

u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse” class=”fb-xfbml-parse-ignore”>

分享</a></div>

第二种方式 js

facebook() {

// 初始化

FB.init({

appId: 你的appid,

autoLogAppEvents: true,

xfbml: true,

version: "v2.12"

});

FB.ui(

{

method: "share",

mobile_iframe: true,

href: "http://dev.XXXX.io/?test=12345"

},

function(response) {}

);

},

twitter 使用分享使用分享

找到index.html 添加一下代码

<script>window.twttr = (function (d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0],

t = window.twttr || {};

if (d.getElementById(id)) return t;

js = d.createElement(s);

js.id = id;

js.src = "https://platform.twitter.com/widgets.js";

fjs.parentNode.insertBefore(js, fjs);

t._e = [];

t.ready = function (f) {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

皮卡丘穿皮裤

粉丝: 187
资源: 956

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈