前言:
我们现在微信开发者工具中启动项目,我们点击三个点点就是进行调取下方分享界面,在开始的时候显示如下:是没有权限去分享的文章来源地址https://www.toymoban.com/news/detail-588723.html
方法:
一、在common下新建share.js公共的js文件,方便可以在全局页面中都可以进行使用分享功能
二、在share.js文件中添加内容
export default{
// 监听用户点击右上角菜单的「转发」按钮时触发的事件
onShareAppMessage() {
// 设置转发的参数
return {
title: "标题",
// path: '',
imageUrl: "",
success: function(res) {
console.log(res, '发生过是');
if (res.errMsg == 'shareAppMessage:ok') {
console.log("成功", res)
}
},
fail: function(res) {
console.log("失败", res)
}
}
},
// 分享到朋友圈
onShareTimeline:function(res){
return {
title: '分享给朋友的标题',
imageUrl:'/images/logo.png',
query:''
}
},
// 收藏
onAddToFavorites:function(res) {
return {
title: '微信收藏上的标题',
imageUrl:'/images/logo.png',
query: '',
}
}
}
三、在main.js下进行引入及配置
import share from "@/common/share.js"
Vue.mixin(share)
const app = new Vue({
...App,
store,
share
})
四、效果如图所示:
五、在真机调试下就可以进行分享了
文章来源:https://www.toymoban.com/news/detail-588723.html
到了这里,关于在uniapp中实现微信分享功能(分享给好友+朋友圈+收藏)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!