webapp项目vue框架点击按钮实现微信好友分享,朋友圈分享
<template><divclass=""id="share"v-for="(items,index)instrands":key="index"@click="wxShare(index)"><imgv-if="index==0"src="../assets/img/gg/wChart.png"alt...
<template>
<div class="" id="share" v-for="(items,index) in strands" :key="index" @click="wxShare(index)">
<img v-if="index==0" src="../assets/img/gg/wChart.png" alt="">
<img v-if="index==1" src="../assets/img/gg/circle.png" alt="">
<span>{{items.flag}}</span>
</div>
</template>
data(){
return{
strands:[{flag:'微信好友'},{flag:'朋友圈'}]
}
},
methods:{
wxShare(index){
let msg = {}
msg.type='web'
msg.title='XX软件名'
msg.content='这里填一些分享信息,是在好友还未点进去看到的信息'
msg.thumbs=['../assets/img/alert/logo.png'] //打包进app的本地applogo
msg.href='https://www.baidu.com/' //好友点进去需要跳转的连接
if(index==0){
msg.extra={scene:"WXSceneSession"} //好友分享
}else if(index==1){
msg.extra={scene:"WXSceneTimeline"} //朋友圈分享
}
plus.share.getServices(function(e) { //移动端获取服务,这里的plus方法只能在移动端有效,在pc端运行会报plus错误,下一步就该打包检验
this.shareData = e //这个回调函数的参数 e 就包含了所有对象的数组
for(var i in e){
if('weixin' == e[i].id){
this.sharewx = e[i]
}
}
})
// 使用send发起分享
this.sharewx.send(msg,function(){
alert('分享成功')
},function(error) {
alert('分享失败')
})
更多推荐
所有评论(0)