vue使用facebook twitter分享示例

web前端|js教程

facebook,twitter,示例

web前端-js教程

本篇文章主要介绍了vue使用facebook twitter分享示例，现在分享给大家，也给大家做个参考。

flash头像上传组件源码,vscode中多行li代码,ubuntu 界面缩放,api部署在tomcat,爬虫如何卸载,php命令链模式,稳定seo推广公司有哪些,如何发布asp.net的网站源码,WordPress杂志模板lzw

记录一次vue使用分享

购物券网站源码,ubuntu子系统中文,爬虫获取不了图片,php直,石屏seo收费lzw

固定内容的分享参考文档

五合一商城源码,vscode复制插件目录,ubuntu 添加网段,tomcat 发布项目名,爬虫小胖,企业网站 cms php,seo网络推广如何收费,#NAME?,邀请码注册模板lzw

facebook 分享文档

twitter 分享文档

vue 使用

facebook 使用分享

找到index.html 添加一下代码

  
 (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'));

在vue 里面使用

第一种方式 html

第二种方式 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 添加一下代码

 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) {    t._e.push(f);   };   return t;  }(document, "script", "twitter-wjs"));

在vue页面使用

在xxx.vue里面添加

javascropt 代码

twitter() { console.log(twttr) twttr.widgets.createShareButton(  "http://dev.XXXX.io/?test=12345",  document.getElementById("container"),  {   text: "分享测试",   size: "large",   hashtags: "example,demo",   via: "twitterdev",   related: "twitterapi,twitter"  } );}

上面是我整理给大家的，希望今后会对大家有帮助。

Vue实现active点击切换方法

详解Vue.js项目API、Router配置拆分实践

NodeJS实现不可逆加密与密码密文保存的方法

Facebook