uniapp實現(xiàn)微信小程序全局【發(fā)送給朋友】、【分享到朋友圈】、【復制鏈接】
主要使用 Vue.js 的 全局混入
1.創(chuàng)建一個全局分享的js文件。示例文件路徑為：./utils/shareWx.js ，在該文件中定義全局分享的內(nèi)容：文章來源：http://www.zghlxwxcb.cn/news/detail-696424.html
export default {
data() {
return {}
},
//分享小程序
onShareAppMessage(e) {
if (e.from === 'button') {
console.log('來自頁面內(nèi)轉(zhuǎn)發(fā)按鈕');
} else if (e.from === 'menu') {
console.log('右上角菜單轉(zhuǎn)發(fā)按鈕');
}
return {
// 自定義分享內(nèi)容
title: 'xxxx',
desc: 'xxxxxx',
path: '/pages/index/index', // 路徑，可傳遞參數(shù)到指定頁面
imageUrl: 'https://xxxxxx.com.cn'
};
},
// 分享到朋友圈
onShareTimeline() {
return {
title: 'xxxxx',
path: '/pages/index/index',
imageUrl: 'https://xxxxxx.com.cn'
};
},
}
2.在項目的 main.js 文件中引入該 shareWx.js 文件, 并使用 Vue.mixin() 方法將之全局混入：
// 導入并掛載全局的分享方法
文章來源地址http://www.zghlxwxcb.cn/news/detail-696424.html
到了這里，關于uniapp實現(xiàn)微信小程序全局可分享功能的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
