Función de intercambio global del programa Uniapp WeChat Mini

La idea es configurar el mixin global en el archivo de configuración global main.js.

Codificar directamente

Comparta la lógica empresarial

export default {
    
    
	onShareAppMessage(res) {
    
    
		return {
    
    
			path:'/pages/welcome/welcome',
			success(res) {
    
    
				uni.showToast({
    
    
					title: '分享成功'
				})
			},
			fail(res) {
    
    
				uni.showToast({
    
    
					title: '分享失败',
					icon: 'none'
				})
			}
		}
	}
}

Utilizado en main.js

import Vue from 'vue'
import App from './App'
import store from './store'

import share from './mixins/share.js'
import './ajax/index.js'

Vue.config.productionTip = false

Vue.prototype.$store = store
Vue.mixin(share)
App.mpType = 'app'

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

Digresión

1 Preste atención a la ruta de su archivo

2 Cuando una sola página tiene un servicio para compartir personalizado, simplemente vuelva a escribirlo en la página.

P.ej

Tengo una lógica empresarial específica para compartir en home.vue

export default {
    
    
...
		onShareAppMessage() {
    
    
			var data = this.info
			var type = this.type
			if(type == 0){
    
    
				var path = '/pages/articleDetail/articleDetail?id=' + data.id
			} else {
    
    
				var path = '/pages/articleDetail/articleDetail?id=' + data.id+'&from=case'
			}
			
			return {
    
    
				title: data.title,
				// path: '/pages/articleDetail/articleDetail?id=' + data.id
				path
			}
		},
	}
...

Supongo que te gusta

Origin blog.csdn.net/hu1628299958/article/details/114693849
Recomendado
Clasificación