flash成品网站,网站建设岗位风险防控,电商设计工作职责,wordpress小工具导入uni.app 使用 mixins 技术统一注入小程序页面分享到好友,分享朋友圈功能 1. 在utils文件夹下创建share.js2. 为所有页面挂载3.单独页面使用 1. 在utils文件夹下创建share.js
export default{data(){return {// 默认全局分享内容mixinsShare:{title:首页, //分享标题path:/pag… uni.app 使用 mixins 技术统一注入小程序页面分享到好友,分享朋友圈功能 1. 在utils文件夹下创建share.js2. 为所有页面挂载3.单独页面使用 1. 在utils文件夹下创建share.js
export default{data(){return {// 默认全局分享内容mixinsShare:{title:首页, //分享标题path:/pages/index/index, // 分享路径imageUrl:, //分享图片desc:, //描述content: //内容}}},//分享好友onShareAppMessage(res) {//不传路径 则默认获取当前路径及附带参数if(!this.mixinsShare.path){this.mixinsShare.pathgetCurrentPages()[0].$page.fullPath}return {title:this.mixinsShare.title,path:this.mixinsShare.path,imageUrl:this.mixinsShare.imageUrl,desc:this.mixinsShare.desc,content:this.mixinsShare.content,success(res){uni.showToast({title:分享成功})},fail(res){uni.showToast({title:分享失败,icon:none})}}},// 分享朋友圈onShareTimeline(res) {//不传路径 则默认获取当前路径及附带参数if(!this.mixinsShare.path){this.mixinsShare.pathgetCurrentPages()[0].$page.fullPath}return {title:this.mixinsShare.title,path:this.mixinsShare.path,imageUrl:this.mixinsShare.imageUrl,desc:this.mixinsShare.desc,content:this.mixinsShare.content,success(res){uni.showToast({title:分享成功})},fail(res){uni.showToast({title:分享失败,icon:none})}}}
}
2. 为所有页面挂载
main.js中引入
import share from ./utils/share.js//全局分享小程序
Vue.mixin(share)3.单独页面使用
//引入
import share from /utils/share.js//全局分享小程序
export default {mixins:[share],data() {return {//这里是分享跳转的连接(会替换share.js中的mixinsSharemixinsShare: {title: 首页,path: pages/index/index,desc: 描述,content: 内容,imageUrl:, //分享图片},}}}