uniapp 小程序指定页面分享设置

这篇具有很好参考价值的文章主要介绍了uniapp 小程序指定页面分享设置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、创建share.js文件

module.exports = {
	onLoad() {
		// 设置默认的转发参数
		this.share = {
			title: '', // 默认为小程序名称
			path: '', // 默认为当前页面路径
			imageUrl: '' // 默认为当前页面的截图
		}
		//分享白名单
		let urlList = []
		//获取路由信息
		let pages = getCurrentPages()
		//获取当前路由
		let nowPage = pages[pages.length - 1]
	},
	//分享好友
	onShareAppMessage() {
		return this.share
	},
	//朋友圈
	onShareTimeline() {
		return this.share
	}
}

2、全局引用(main.js)

import share from '@/mixins/share.js'
Vue.mixin(share)

3、大功告成
uniapp 小程序指定页面分享设置
uniapp 小程序指定页面分享设置文章来源地址https://www.toymoban.com/news/detail-505948.html

到了这里,关于uniapp 小程序指定页面分享设置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【uniapp学习之分享小程序页面】

    一、设置分享功能之前的样子 二、在代码中开启分享转发按钮 三、效果

    2024年02月11日
    浏览(39)
  • uniapp微信小程序全局分享和自定义页面分享

    uniapp 实现微信小程序的全局 转发给好友/分享到朋友圈 的功能。主要使用 Vue.js 的 全局混入 概念。 1.在项目根目录创建mixins文件夹,然后创建全局分享的 js 文件。mixins/share.js  2.在项目的 main.js 文件中引入该 share.js 文件并使用 Vue.mixin() 方法将之全局混入: 3.自定义页

    2024年02月13日
    浏览(62)
  • h5或uniapp或微信小程序,实现左上角返回到指定页面,侧滑左滑返回指定页面,安卓物理返回键返沪指定页面解决思路的思考

    自定义的左上角返回按钮 方法 安卓物理返回键监听,该方法与生命周期函数同级,也可以尝试放在methods里面。 思路,因为uniapp写的微信小程序用onBackPress监听不到不支持监听安卓物理返回,所以换了个想法,默认认为是安卓物理键或者侧滑左滑返回:如果是我自己的按钮,

    2024年02月04日
    浏览(54)
  • 使用uniapp生成二维码并下载,小程序扫码进入指定页面

    功能1:通过扫码链接进入小程序指定页面(带参数) 功能2:将网址链接(带参数)在微信小程序中使用二维码展示出来,并可以点击下载二维码图片  扫码链接进入指定页面并且带参数 在小程序管理后台-开发管理-开发设置-扫普通链接二维码打开小程序中,配置链接地址,

    2024年02月11日
    浏览(53)
  • 设置小程序页面分享功能

    1.在onLoad里面激活分享给朋友和朋友圈的功能 2.配置onShareAppMessage,这个函数与methods同级,不要写错了

    2024年02月12日
    浏览(59)
  • uniapp实现小程序页面转发和分享到朋友圈

    1、借助uniapp中页面生命周期钩子onShareAppMessage(OBJECT)用户点击右上角分享 在 js 中定义 onShareAppMessage 处理函数(和 onLoad 等生命周期函数同级),设置该页面的分享信息。 2、借助uniapp中页面生命周期钩子onShareTimeline监听用户点击右上角转发到朋友圈 在 js 中定义 onShareTimeline

    2024年02月15日
    浏览(37)
  • uniapp小程序设置页面横屏

    1.设置单个页面横屏 1.在pages.json中对应的页面配置添加: 2.设置整个小程序页面横屏 在 globalStyle 中添加 3.横屏后字体样式都会变大 解决:使用px 代替 rpx ;  注意 1px = 2rpx 效果图  

    2024年02月16日
    浏览(41)
  • uniapp小程序自定义扫码页面创建及其完善

    先上效果图: 同页面插入一个camera组件 其中应用到图片选择、cover-image、cover-view实现动画扫码功能。 不多说马上上代码! 参考链接camera | uni-app官网 (dcloud.net.cn) 2.utils.throttle 方法: 3.接收参数页面 以上主要参考http://t.csdn.cn/gsn1I中博主的分享,再进行个人更改去改善为自己

    2024年02月12日
    浏览(44)
  • 微信小程序全局分享转发实现-无需页面单独设置

    微信小程序没有自带全局分享设置,页面开启分享功能必须要在页面中定义分享事件函数onShareAppMessage(分享给朋友)和onShareTimeline(分享至朋友圈)。如果项目中页面比较多,一个个去设置无疑是非常麻烦的,因此全局设置就非常有必要了。 此时我们将代码放在app.js中,注

    2024年02月16日
    浏览(54)
  • uniapp小程序中的导航如何设置图片 自定义导航栏 +页面跳转+页面回退

    要让uniapp中的背景图片全屏,可以在 style 标签中添加以下样式:  page {     background-image: url(\\\'/static/bg.jpg\\\');     background-size: cover;     background-repeat: no-repeat;     background-position: center center; } 在这个样式中,background-image属性设置背景图片的URL,background-size属性设置背景图片的

    2024年02月15日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包