在開發(fā)微信小程序的時(shí)候，發(fā)現(xiàn)【發(fā)送給朋友】、【分享到朋友圈】、【復(fù)制鏈接】功能，灰色不可用。

很常見的功能，但是這幾個(gè)功能，并不是你項(xiàng)目建起來(lái)了就有的。

1.【發(fā)送給朋友】使用 onShareAppMessage 這個(gè)方法

如果你的小程序，發(fā)現(xiàn)他的【轉(zhuǎn)發(fā)給朋友】的按鈕時(shí)灰色的，不能點(diǎn)擊，那么說(shuō)明這個(gè)小程序沒(méi)有寫這部分的代碼。

2.【分享到朋友圈】使用 onShareTimeline 方法

onShareAppMessage和onShareTimeline方法有一個(gè)坑，就是每個(gè)頁(yè)面都得單獨(dú)寫一份。

3.【復(fù)制鏈接】注意這個(gè)功能不需要開發(fā)者手動(dòng)寫方法，如果【轉(zhuǎn)發(fā)給朋友】這個(gè)功能灰色不可用，【復(fù)制鏈接】也會(huì)不可用。總之想要復(fù)制鏈接，就先開通【轉(zhuǎn)發(fā)給朋友】吧。

開發(fā)過(guò)小程序的朋友們應(yīng)該都遇到這樣的情況，可能很多個(gè)頁(yè)面有相同的函數(shù)，例如onShareAppMessage，有什么最佳實(shí)踐嗎，應(yīng)該如何處理呢？

uniapp實(shí)現(xiàn)微信小程序全局【發(fā)送給朋友】、【分享到朋友圈】、【復(fù)制鏈接】

主要使用 Vue.js 的 全局混入

1.創(chuàng)建一個(gè)全局分享的js文件。示例文件路徑為：./utils/share.js ，在該文件中定義全局分享的內(nèi)容：

export default {data() {return {}},//1.發(fā)送給朋友onShareAppMessage() {},//2.分享到朋友圈onShareTimeline() {}, }

2.在項(xiàng)目的 main.js 文件中引入該 share.js 文件并使用 Vue.mixin() 方法將之全局混入：

// 導(dǎo)入并掛載全局的分享方法 import share from './utils/share.js' Vue.mixin(share)

3.如果在特定頁(yè)面需要自定義分享內(nèi)容，也仍舊可以使用頁(yè)面的 onShareAppMessage() 和 onShareTimeline() 方法自定義分享的內(nèi)容，全局的分享會(huì)被頁(yè)面定義的分享內(nèi)容覆蓋。

注：onShareAppMessage() 和 onShareTimeline() 方法是和 onLoad , methods 等方法同級(jí)的。

總結(jié)

以上是生活随笔為你收集整理的uniapp实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。