基于Vshare插件实现vue分享功能
Vue中引入分享功能插件
一度为快
实现
-
引入插件 npm config set strict-ssl false npm install vshare -S 页面实现 <template> <div style="text-align: center"> <h3>分享demo</h3> <div> <vshare :vshareConfig="vshareConfig"> </vshare> </div> </div> </template> <script> export default { data() { return { vshareConfig: { shareList: [ // 此处放分享列表（ID） ], common: { //此处放置通用设置 }, share: [{ //此处放置分享按钮设置 } ], slide: [ //此处放置浮窗分享设置 ], image: [ //此处放置图片分享设置 ], selectShare: [ //此处放置划词分享设置 ] } } } } </script> main.js配置 import vshare from vshare Vue.use(vshare)
备注
-
npm config set strict-ssl false 的作用：取消ssl验证，2014年2月27日，npm不再支持自签名证书，npm install走的是https协议，需要通过数字证书来保证的，执行【npm install vshare -S】前先取消ssl验证 参考资料 （vshare）
