<script>
const wx = require('weixin-js-sdk')
export default{
name: '',
data() {
return{
}
},
mounted() {
setTimeout(function() {
this.share()
},500)? ? ? ? ? ? ? ?// 延遲，異步請求
},
methods:{
share() {
this.$http.get(''+ common.apiDomain+'/api',{})? ? ? ? ? ?//?common.apiDomain為統一api域名
.then(function(res) {
this.wxInit(res.body)
})
},
wxInit(sd) {
let links = window.location.href//分享出去的鏈接
let title =this.article.Title//分享的標題
let desc =this.article.Remark//分享的詳情介紹
let imgUrl ='http://www.jxb8.com/jxb.png'
wx.config({
debug:false,
appId: sd.AppId,//必填，公眾號的唯一標識
timestamp: sd.TimeStamp,//必填，生成簽名的時間戳
nonceStr: sd.NonceStr,//必填，生成簽名的隨機串
signature: sd.Signature,//必填，簽名
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone']//必填，需要使用的JS接口列表
})
wx.ready(function() {
wx.onMenuShareTimeline({
title: title,//分享標題
desc: desc,//分享描述
link: links,//分享鏈接
imgUrl: imgUrl,//分享圖標
success:function() {
alert('分享到朋友圈成功')
},
cancel:function() {
// alert('分享失敗,您取消了分享!')
}
})
//微信分享菜單測試
wx.onMenuShareAppMessage({
title: title,//分享標題
desc: desc,//分享描述
link: links,//分享鏈接
imgUrl: imgUrl,//分享圖標
success:function() {
// alert('成功分享給朋友')
},
cancel:function() {
// alert('分享失敗,您取消了分享!')
}
})
wx.onMenuShareQQ({
title: title,//分享標題
desc: desc,//分享描述
link: links,//分享鏈接
imgUrl: imgUrl,//分享圖標
success:function() {
// alert('成功分享給QQ')
},
cancel:function() {
// alert('分享失敗,您取消了分享!')
}
})
wx.onMenuShareWeibo({
title: title,//分享標題
desc: desc,//分享描述
link: links,//分享鏈接
imgUrl: imgUrl,//分享圖標
success:function() {
// alert('成功分享給朋友')
},
cancel:function() {
// alert('分享失敗,您取消了分享!')
}
})
wx.onMenuShareQZone({
title: title,//分享標題
desc: desc,//分享描述
link: links,//分享鏈接
imgUrl: imgUrl,//分享圖標
success:function() {
// alert('成功分享給朋友')
},
cancel:function() {
// alert('分享失敗,您取消了分享!')
}
})
})
wx.error(function(res) {
// alert("error")
// config信息驗證失敗會執行error函數，如簽名過期導致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數中查看，對于SPA可以在這里更新簽名。
})
}
}
}
</script>
PS:新版微信瀏覽器不能自定義分享問題暫未解決
