個(gè)人項(xiàng)目地址：?SubTopH前端開發(fā)個(gè)人站
?
（自己開發(fā)的前端功能和UI組件，一些有趣的小功能，感興趣的伙伴可以訪問(wèn)，歡迎提出更好的想法，私信溝通，網(wǎng)站屬于靜態(tài)頁(yè)面）
SubTopH前端開發(fā)個(gè)人站https://subtop.gitee.io/subtoph.github.io/#/home
以上 ?? 是個(gè)人前端項(xiàng)目，歡迎提出您的建議??
以下是正文內(nèi)容...............
點(diǎn)擊右上角...配置發(fā)送給朋友和分享到朋友圈功能
..
1. 全局配置
創(chuàng)建share.js文件
export default {
data() {
return {
// 默認(rèn)的全局分享內(nèi)容
share: {
title: '函證管理系統(tǒng)',
path: '/pages/login/Login', // 全局分享的路徑，比如 首頁(yè)
imageUrl: '/static/image/1.png', // 分享時(shí)顯示的圖片
}
}
},
// 1.發(fā)送給朋友
onShareAppMessage(res) {
return {
title: this.share.title,
path: this.share.path,
// imageUrl: this.share.imageUrl,
}
},
//2.分享到朋友圈
onShareTimeline(res) {
return {
title: this.share.title,
path: this.share.path,
// imageUrl: this.share.imageUrl,
}
},
}
?在項(xiàng)目的 main.js 文件中引入該 share.js 文件并使用 Vue.mixin() 方法將之全局混入：
import { createSSRApp } from "vue";
import App from "./App.vue";
import 'uno.css'
import share from '@/utils/share.js'
export function createApp() {
const app = createSSRApp(App);
app.mixin(share)
return {
app,
};
}實(shí)現(xiàn)效果如下
?2. 頁(yè)面單獨(dú)配置分享功能
如果在特定頁(yè)面需要自定義分享內(nèi)容，也仍舊可以使用頁(yè)面的?onShareAppMessage() 和 onShareTimeline() 方法自定義分享的內(nèi)容，全局的分享會(huì)被頁(yè)面定義的分享內(nèi)容覆蓋。示例如下：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-708660.html
//setup中寫入和onMounted同級(jí)
onMounted(() => {
// 判斷是否存在token ，如果請(qǐng)求接口的token不正確需要?jiǎng)h除本地token
isLogin();
});
// 分享給朋友
onShareAppMessage((res) => {
return {
title: "函證管理系統(tǒng)", //分享的名稱
path: `/pages/login/Login`,
mpId: "wxd52f50194f0dd6a1", //此處配置微信小程序的AppId
};
});
// 分享給朋友圈
onShareTimeline(() => {
return {
title: "函證管理系統(tǒng)", //自定義標(biāo)題, 默認(rèn)值小程序名稱（當(dāng)前小程序名稱）
path: `/pages/login/Login`, //自定義圖片路徑，可以是本地文件或者網(wǎng)絡(luò)圖片。支持 PNG 及 JPG，顯示圖片長(zhǎng)寬比是 1:1（默認(rèn)使用小程序 Logo）
};
});頁(yè)面中配置分享會(huì)覆蓋全局配置文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-708660.html
到了這里，關(guān)于uniapp&&微信小程序點(diǎn)擊右上角菜單分享功能權(quán)限配置的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
