前言：
我們現(xiàn)在微信開發(fā)者工具中啟動項(xiàng)目，我們點(diǎn)擊三個點(diǎn)點(diǎn)就是進(jìn)行調(diào)取下方分享界面，在開始的時候顯示如下：是沒有權(quán)限去分享的文章來源地址http://www.zghlxwxcb.cn/news/detail-588723.html
方法：
一、在common下新建share.js公共的js文件，方便可以在全局頁面中都可以進(jìn)行使用分享功能
二、在share.js文件中添加內(nèi)容
export default{
// 監(jiān)聽用戶點(diǎn)擊右上角菜單的「轉(zhuǎn)發(fā)」按鈕時觸發(fā)的事件
onShareAppMessage() {
// 設(shè)置轉(zhuǎn)發(fā)的參數(shù)
return {
title: "標(biāo)題",
// path: '',
imageUrl: "",
success: function(res) {
console.log(res, '發(fā)生過是');
if (res.errMsg == 'shareAppMessage:ok') {
console.log("成功", res)
}
},
fail: function(res) {
console.log("失敗", res)
}
}
},
// 分享到朋友圈
onShareTimeline:function(res){
return {
title: '分享給朋友的標(biāo)題',
imageUrl:'/images/logo.png',
query:''
}
},
// 收藏
onAddToFavorites:function(res) {
return {
title: '微信收藏上的標(biāo)題',
imageUrl:'/images/logo.png',
query: '',
}
}
}三、在main.js下進(jìn)行引入及配置
import share from "@/common/share.js"
Vue.mixin(share)
const app = new Vue({
...App,
store,
share
})四、效果如圖所示：
五、在真機(jī)調(diào)試下就可以進(jìn)行分享了
文章來源：http://www.zghlxwxcb.cn/news/detail-588723.html
到了這里，關(guān)于在uniapp中實(shí)現(xiàn)微信分享功能（分享給好友+朋友圈+收藏）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
