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）https://blog.csdn.net/wang1006008051/article/details/84258129

基于Vshare插件实现vue分享功能相关推荐

基于Android的sina微博分享功能
该功能是在基于Android的应用中实现sina微博分享,利用sina微博这个平台来推广自己的应用,大家有兴趣可以看看新浪微博开发平台的相关介绍http://open.weibo.com/ 运行结果: ...
vue对手机号的判断_Vue分享功能实现，判断不同手机、浏览器及微信内核
Vue分享功能实现,判断不同手机.浏览器及微信内核,展示对应内容. HTML: JavaScript:data(){ return{ shareImg:"/static/img/share- ...
mapboxGL地图分享功能的实现
概述本文基于mapboxGL实现地图的分享功能,并通过qrcode.js生成二维码. 效果实现 1. 实现思路将地图的状态和数据存储在style中: 生成惟一的mapid和style一并存储: ...
chosen jquery ajax搜索,基于chosen插件实现人员选择树搜索自动筛选功能
要实现的功能截图: 要求: 1.点击输入框可以根据拼音自动筛选数据,并且标记已经选择的数据,没有结果的时候提示,相应的更新左边树状态 2.勾选树右侧树的复选框左侧出现相应的内容我用到的插件 vue+ ...
vue 如何调用微信分享_Vue开发添加微信分享功能（全局分享）
在Vue4.0开发微信公众号的时候,需要做微信分享功能.这个功能其实还算简单,具体的思路如下: 1.安装微信JSSDK和Axios(axios是http请求插件) 2.向后台请求微信配置参数 3.初始 ...
Vue 项目中实现的微信、微博、QQ空间分享功能（亲测有效）
需求:文章添加分享功能(包括微信.微博.QQ空间) 如下图所示: 点击图标分别跳转到如下界面:(实现效果如下) 话不多说直接代码(可以封装成组件) <template><div cl ...
vue项目做微信分享功能
vue项目做微信分享功能安装sdk npm install weixin-js-sdk --save 方法 1.新建js文件wxapi.js 2.在wxapi.js中引入sdk以及配置一些基本信息( ...
Vue中使用js-web-screen-shot插件实现截屏功能
最近有个需求,要求类似微信.扣扣实现屏幕截屏功能,在此,使用vue插件实现了此功能,记录如下: 安装截屏插件: npm install js-web-screen-shot --save 页面引入: ...
php 微信分享功能_基于thinkPHP实现的微信自定义分享功能
这篇文章主要介绍了基于thinkPHP实现的微信自定义分享功能,结合实例形式分析了thinkPHP调用微信接口实现自定义分享功能的相关操作技巧,需要的朋友可以参考下本文实例讲述了基于thinkPHP ...

基于Vshare插件实现vue分享功能

Vue中引入分享功能插件

一度为快

实现

备注

基于Vshare插件实现vue分享功能相关推荐

最新文章

热门文章