小型企业类网站开发公司,百度搜题,wordpress设置文件,科技图书馆uniappvue2做的微信小程序实现分享功能
问题描述
uniappvue2做的微信小程序#xff0c;发布以后点击右上角三个点#xff0c;分享小程序的时候#xff0c;转发和分享按钮都是灰色
解决方案
转发、分享、复制链接这几个功能需要自己来手动写方法#xff0c;考虑到每个页…uniappvue2做的微信小程序实现分享功能
问题描述
uniappvue2做的微信小程序发布以后点击右上角三个点分享小程序的时候转发和分享按钮都是灰色
解决方案
转发、分享、复制链接这几个功能需要自己来手动写方法考虑到每个页面都需要能够实现分享功能以下我会使用 Vue.js 的全局混入【mixin】的方法来实现 onShareAppMessage() 发送给朋友 onShareTimeline() 分享到朋友圈 api参数配置可以参考uniapp-onShareAppMessage(OBJECT) 【复制链接】功能不需要单独写方法【发送给朋友】功能实现了复制功能自然也能使用
1. 创建一个全局分享的js文件【minix】
文件中定义全局转发、分享的内容
结构
在pages目录下创建一个minix目录
代码
let mixin {data() {return {title: 分享Title,imgUrl: https://xxxx.com/a8962f26b07e7605c6.png}},created() {//#ifdef MP-WEIXINwx.showShareMenu({withShareTicket: true,menus: [shareAppMessage, shareTimeline]});//#endif},onShareAppMessage(res) {return {title: this.title,imageUrl: this.imgUrl}},onShareTimeline(res) {return {title: this.title,imageUrl: this.imgUrl}},methods: {}
}export default mixin;2. 在main.js中全局引入并使用mixin()方法全局混入
import App from ./App
import myMixin from pages/minix/index.js;Vue.mixin(myMixin)实现效果
完成以上两步操作再点击右上方三个点会看到转发和分享功能均可以使用 如果不想全局调用单个页面也可以实现利用单个页面单独使用方法或者单个页面单独使用mixin()混入方法均可
