您的当前位置:首页正文

uniapp 微信小程序全局分享(一)

2024-11-06 来源:个人技术集锦

在全局配置文件 main.js 文件中配置 全局mixin
分享业务逻辑

export default {
    // 转发
	onShareAppMessage(res) {
		return {
			path:'/pages/welcome/welcome',
			success(res) {
				uni.showToast({
					title: '分享成功'
				})
			},
			fail(res) {
				uni.showToast({
					title: '分享失败',
					icon: 'none'
				})
			}
		}
	},
	// 分享到朋友圈
	onShareTimeline() {   
	    query:‘’,
		return {            
			success(res) {
				uni.showToast({
					title: '分享成功'   
				})
			},      
			fail(res) {
				uni.showToast({
					title: '分享失败',
					icon: 'none'
				})
			}                   
				   
		}
	},
}

main.js 中使用

import Vue from 'vue'
import App from './App'
import share from './mixins/share.js'
Vue.config.productionTip = false
Vue.mixin(share)
App.mpType = 'app'

const app = new Vue({
	...App
})
app.$mount()

若单个页面有定制化分享业务时 在该页面中重写就好了
例如

home.vue

onShareAppMessage() {
			return {             
				title: '招工简讯',    
				path:  Util.pagesName()[0],   
				imageUrl: '../../../static/image/logo2.png' 
			}         
		},        
//分享到朋友圈     
onShareTimeline() {        
		return {         
			title: '招工简讯',            
			query:Util.pagesName()[1],                     
			imageUrl: '../../../static/image/logo2.png'        
	    }
},    
显示全文