El subprograma WeChat uni-app configura el intercambio global en ShareAppMessage
[
Prospectos: use uni-app para desarrollar el subprograma WeChat para lograr compartir y reenviar. Cada página necesita escribir un onShareAppMessage. Este código está demasiado inflado, así que use los mixins de Vue para configurar un intercambio global.
Uso de vue mixin
Cree un mixins, la ruta de mi archivo es: common/share.js
export default {
onShareAppMessage(res) {
//发送给朋友
return {
}
},
onShareTimeline(res) {
//分享到朋友圈
return {
}
},
}
o
export default {
created() {
//#ifdef MP-WEIXIN
wx.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
});
//#endif
},
}
Los dos métodos de escritura tienen el mismo efecto.
imagen.png
Para uso global, agregue el mixin global en main.js
import share from './common/share.js'
Vue.mixin(share)
Después de configurar esto, cada página tendrá un botón para compartir.
Personaliza el contenido compartido
export default {
data() {
return {
share:{
title: '自定义分享标题',
imageUrl:'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg',
}
}
},
onShareAppMessage(res) {
//发送给朋友
return {
title: this.share.title,
imageUrl: this.share.imageUrl,
}
},
onShareTimeline(res) {
//分享到朋友圈
return {
title: this.share.title,
imageUrl: this.share.imageUrl,
}
},
}
Puede modificar los parámetros compartidos configurando los mismos parámetros que el mixin en los datos de la página.
export default {
data() {
return {
share:{
title: '首页',
imageUrl:'https://ossweb-img.qq.com/images/lol/web201310/skin/big10002.jpg',
}
}
},
}
l:'https://ossweb-img.qq.com/images/lol/web201310/skin/big10002.jpg',
}
}
},
}