bshare分享插件使用教程

我这里使用的是vue-cli构建的移动端项目，普通html页面使用步骤，
可以参考官方文档，很简单，这里不叙述了。

dealShare(event, type) {//console.log("type = "+type)//设置分享内容bShare.addEntry({title: this.dict.title,url: location.href,summary: this.dict.forward,pic: this.netif.imagePrefix+this.dict.img_url});if(type != "more"){//开始分享bShare.share(event, type, 0)return false}else{bShare.more(event);return false}}

其中：

even表示事件监听
type表示分享类型，如，微信，就传入weixin，QQ就传入qqim，这个可以在官网上查到。（在网站bShare下面点击分享平台代码按钮参考中可以看到每个平台所对应的type代码值）

@click=“dealShare($event,‘weixin’)” 微信

@click=“dealShare($event,‘sinaminiblog’)” 新浪

@click=“dealShare($event,‘qzone’)” QQ空间

bShare.addEntry表示要分享的内容

title:标题
url：链接
summary：关键词、简介
pic：图片地址
如果分享类型不等于more type != “more” 也就是点击的不是那个更多按钮，就开始分享，点击更多，则加载更多平台

注意：

我这里dict是传进来的当前详情页面的json信息，我把它放在了dict中了，和bshare分享没关系，仅仅为了拿到我的详情页面的标题、url、简介等等

分享页面还有一个取消按钮，我们如果想点击取消，让分享页面消失，怎么办呢？

<div class="cancel"><span @click="dealCancel">取消</span></div>

dealCancel() {this.$emit("close")
},

给取消按钮加一个事件，然后对父级页面传入一个close事件，通过 $emit 传。

在父级页面对这个事件进行处理：@close=“isShowShare=false”

<share :dict="dict" @close="isShowShare=false" v-if="isShowShare"></share>

isShowShare 仅仅控制share模板的显示和隐藏而已

好了，最终效果如下：

bshare分享插件使用教程相关推荐

php 分享插件,JavaScript_教你如何自定义百度分享插件以及bshare分享插件的分享按钮，百度分享插件style- phpStudy...
教你如何自定义百度分享插件以及bshare分享插件的分享按钮百度分享插件 .userStyle{ width:100%; height:30px; display:block; } .userSty ...
/dede/plus_bshare.php,简单几个步骤，织梦CMS网站轻松加入bShare分享功能
只要简单的几个步骤,就能轻松地将bShare分享功能加入您的织梦CMS网站中! [步骤1]登录织梦CMS后台管理中心,选择"模块"->"模块管理",可以看 ...
java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...
我的世界服务器里怎么无限随机传送,我的世界随机传送插件使用教程权限指令分享...
导读:在我的世界中玩家可以利用随机传送插件来进行传送人物质与设定点,那么随意传送插件该如何使用呢.下面小编我就来教教各位,我的世界随意传送插件使用教程. 什么是RandomLocation Rando ...
分享十五个最佳jQuery幻灯插件和教程
<p>在网站前端中使用jQuery库已经变得越来越流行,前端开发人员发布或撰写的相关的插件和教程也与日俱增.</p> <p>幻灯(通常也被称为"内容滑动& ...
php转发朋友圈缩略图片,解释最全的，手把手教的微信JS sdk分享设置教程-微信分享插件PHP源码JS-SDK接口，分享到朋友圈转发好友带缩略图...
亲们,此文是我上传的有关微信分享插件PHP源码JS-SDK接口的.rar和.zip的说明使用文件许多朋友都面临自己编写的网站通过微信转发时,无论是分享微信好友或是微信朋友圈时,出现无缩略图显示的问题 ...
gazebo入门_【ROS-Gazebo】仿真插件编写教程（1）——概述
前言本系列教程的主要是对 Gazebo的官网教程的翻译与理解.之前查找国内的中文资料,发现并没有关于如何编写Gazebo插件的教程.据我猜测,大概是因为这个技能属于"两不管"地 ...
推荐40个简单的 jQuery 导航插件和教程【下篇】
在这篇文章中,我为大家收集了40款非常棒的 jQuery 导航插件和教程.导航作为网站重要的组成部分,能够帮助用户找到他们想要的内容,因此导航设计的好坏决定了用户能够在你的网站停留更长的时间,浏览更多 ...
【转载】Nessus安全测试插件编写教程
Nessus安全测试插件编写教程作者:Renaud Deraison 翻译:nixe0n 1.怎样编写一个高效的Nessus安全测试插件在Nessus安全测试系统中, 所有的安全测试都是由ness ...
8个很棒的 jQuery 倒计时插件和教程
jQuery 是最流行也是使用最广泛的 JavaScript 框架,它简化了 HTML 文档操作,事件处理,动画效果和 Ajax 交互.下面向大家分享8个优秀的 jQuery倒计时插件和教程. jQu ...

bshare分享插件使用教程

目录

分享页面还有一个取消按钮，我们如果想点击取消，让分享页面消失，怎么办呢？

bshare分享插件使用教程相关推荐

最新文章

热门文章

bshare分享 插件使用教程

目录

分享页面还有一个取消按钮，我们如果想点击取消，让分享页面消失，怎么办呢？

bshare分享 插件使用教程相关推荐

最新文章

热门文章

bshare分享插件使用教程

bshare分享插件使用教程相关推荐