当前位置: 首页> 游戏> 攻略 > 网页设计教程视频dw_西瓜创客少儿编程官网_广告推广系统_seo排名优化收费

网页设计教程视频dw_西瓜创客少儿编程官网_广告推广系统_seo排名优化收费

时间:2025/7/14 6:17:35来源:https://blog.csdn.net/kjl536566/article/details/143565322 浏览次数:0次
网页设计教程视频dw_西瓜创客少儿编程官网_广告推广系统_seo排名优化收费

页面生命周期 https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle
onShareTimeline 监听用户点击右上角转发到朋友圈 微信小程序 2.8.1+
onAddToFavorites 监听用户点击右上角收藏 微信小程序、QQ小程序 2.8.1+
onShareAppMessage 用户点击右上角分享 微信小程序、QQ小程序、支付宝小程序、抖音小程序、飞书小程序、快手小程序、京东小程序

小程序分享(vue2和vue3书写方式不同)

在 Vue 3 的

用户点击分享按钮的时候会调用。这个分享按钮可能是小程序右上角原生菜单自带的分享按钮,也可能是开发者在页面中放置的分享按钮();

<script setup>
// 分享微信好友import { onLoad, onReachBottom,	onShareAppMessage,onShareTimeline } from '@dcloudio/uni-app';...onShareAppMessage(() => {return {title: '会员福利社', // 分享标题path: '/pages/index/index', // 分享路径imageUrl:'http://mallzzy.oss-cn-beijing.aliyuncs.com/522454e4c00fa5925d16de531e2caabda220d7a243aefa3be46dc4b7229ba5a3.jpg' // 分享图片路径};});// 分享朋友圈onShareTimeline(() => {return {title: '会员福利社', // 分享标题path: '/pages/index/index', // 分享路径imageUrl: 'http://mallzzy.oss-cn-beijing.aliyuncs.com/522454e4c00fa5925d16de531e2caabda220d7a243aefa3be46dc4b7229ba5a3.jpg' // 分享图片路径};});</script>

可配置的分享字段:参考uniapp官网

在 Vue 2 中,onShareAppMessage 和 onShareTimeline 方法应该在组件的 methods 中定义,并且需要在 onLoad 或 onShow 生命周期钩子中调用 this.setShareAppMessage 和 this.setShareTimeline 来注册这些方法

不需要导入onShareAppMessage,setShareTimeline<script>
onShow() {...其他代码// 注册分享方法this.setShareAppMessage();this.setShareTimeline();},methods: {...其他代码// 分享微信好友setShareAppMessage() {uni.showShareMenu({withShareTicket: true,menus: ['shareAppMessage', 'shareTimeline']});uni.onShareAppMessage(() => {return {title: '门店', // 分享标题path: 'pages/integralIndex/index', // 分享路径success: function (res) {console.log('分享成功', res);}};});},// 分享朋友圈setShareTimeline() {uni.showShareMenu({withShareTicket: true,menus: ['shareAppMessage', 'shareTimeline']});uni.onShareTimeline(() => {return {title: '门店', // 分享标题path: 'pages/integralIndex/index', // 分享路径};});}}
};</script>

说明:
setShareAppMessage 和 setShareTimeline 方法:

在 methods 中定义了 setShareAppMessage 和 setShareTimeline 方法,用于注册分享功能。
使用 uni.showShareMenu 方法显示分享菜单,并注册 uni.onShareAppMessage 和 uni.onShareTimeline 回调函数。
onShow 生命周期钩子:

在 onShow 钩子中调用 setShareAppMessage 和 setShareTimeline 方法,确保每次页面显示时都注册分享功能。

在这里插入图片描述

关键字:网页设计教程视频dw_西瓜创客少儿编程官网_广告推广系统_seo排名优化收费

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: