uniapp realiza la función de reenvío global a amigos/compartir con los applets de Moments of WeChat. Utiliza principalmente el concepto global mixin de Vue.js.
1. Cree una carpeta mixins en el directorio raíz del proyecto y luego cree un archivo js compartido globalmente. mixins/share.js
export default {
data() {
return {
share: {
title: '页面分享的标题',
path: '/pages/index/index',
imageUrl: '/static/imgs/share_img.png' // 全局分享的图片(可本地可网络)
}
}
},
onLoad() {
},
onShareAppMessage(res) { //发送给朋友
return this.share
},
onShareTimeline(res) { //分享到朋友圈
return this.share
}
}
2. Introduzca el archivo share.js en el archivo main.js del proyecto y use el método Vue.mixin() para mezclarlo globalmente:
// 导入并挂载全局的分享方法
import share from '@/mixins/share.js'
Vue.mixin(share)
3. Compartir páginas personalizadas,
(1) Método 1: use los métodos onShareAppMessage() y onShareTimeline() para personalizar el contenido compartido, y el contenido compartido global se sobrescribirá con el contenido compartido definido en la página . Adecuado para enlazar para compartir botones.
export default {
onLoad() {
},
onShow() {
},
// 自定义此页面的转发给好友(已经有全局的分享方法,此处会覆盖全局)
onShareAppMessage(res) {
return {
title: '页面分享的标题',
path: '/pages/home/home',
imageUrl: '/static/imgs/share.png'
}
},
// 自定义页面的分享到朋友圈
onShareTimeline(res) {
return {
title: '页面分享的标题',
path: '/pages/home/home',
imageUrl: '/static/imgs/share.png'
}
}
}
(2) Método 2: modificar directamente los datos compartidos de los datos de la página para cubrir el recurso compartido global
export default {
data() {
return {
share: {
title: '自定义分享标题',
path: '/activity/index/index',
imageUrl: '/static/imgs/share_img.png'
},
}
}
}