【微信小程序】全局分享和页面分享

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

全局分享

App({
    onShareAppMessage() {
        wx.onAppRoute(() => {
            console.log('当前页面路由发生变化 触发该事件onShareAppMessage')
            const pages = getCurrentPages() //获取加载的页面
            const view = pages[pages.length - 1] //获取当前页面的对象
            //需要单独写分享方法的页面
            let noGlobalSharePages = ["pages/index/messageDetail/messageDetail", "pages/worker/workerInfo/workerInfo"]
            //如果页面路由属于单独分享数组里面的页面,则return
            if (noGlobalSharePages.includes(view.route)) return;
            if (!view) return false //如果不存在页面对象 则返回
            view.onShareAppMessage = () => { //重写分享配置
                return {
                    title: '全局分享页面~',
                    imageUrl: 'image_path',
                    path: '/pages/index/index' //点击分享链接进入指定页面
                }
            }
        })
    },
     onLaunch() {
        this.onShareAppMessage()
     }
  })

单独分享

例如:这个页面:pages/index/messageDetail/messageDetail文章来源地址https://www.toymoban.com/news/detail-585870.html

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return {
        title: '单页面分享',
        path: 'pages/worker/workerInfo/workerInfo?id='+this.data.id // 路径,传递参数到指定页面。
    } 
  }

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

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

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

相关文章

  • 微信小程序 全局配置||微信小程序 页面配置||微信小程序 sitemap配置

    小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 以下是一个包含了部分常用配置选项的 app.json : 每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置,页面中配

    2024年02月01日
    浏览(37)
  • 微信小程序-----全局配置与页面配置

    目录 前言 全局配置文件 一、window 1. 小程序窗口的组成部分 2. window 节点常用的配置项 3. 设置导航栏的标题  4. 设置导航栏的背景色  5. 设置导航栏的标题颜色 6. 全局开启下拉刷新功能 7. 设置下拉刷新时窗口的背景色 8. 设置下拉刷新时 loading 的样式 9. 设置上拉触底的距离

    2024年01月17日
    浏览(36)
  • 微信小程序页面监听全局变量变化

    在前段时间的开发过程中,遇到了一个需要监听是否有推送的需求,需要在不同的页面监听全局变量从而进行条件渲染,因此总结了一下便有了下篇文章. 当我们开发一个大型的微信小程序时,通常会涉及到多个页面或组件之间的数据传递和共享,而全局变量可以方便地实现

    2024年02月13日
    浏览(53)
  • 微信小程序(三)页面配置与全局配置

    注释很详细,直接上代码 上一篇 新增内容: 页面导航栏的属性配置 全局页面注册配置 全局导航栏配置 样式版本 源码: (标准的json是不能加注释的,但为了方便理解咱做个违背标准的决定) 页面: index.json 效果演示: 全局: app.json 效果演示: 这里有小伙伴问了,我就只用

    2024年02月02日
    浏览(33)
  • 微信小程序全局生命周期和页面生命周期

    目录 前言  小程序的生命周期 页面生命周期

    2024年02月11日
    浏览(43)
  • 微信小程序全局分享功能 wx.showShareMenu

    (我在开发一个小程序的时候,忽略了分享功能,上线用户反馈不能分享朋友圈或者好友,等复制链接问题。以下解决问题。) 在小程序的app.js页面里,写次方法,则点击右上角三个“···”会有对应的分享菜单,如果不写,其实就相当于禁用的该页面的分享。下面就来说说

    2024年02月05日
    浏览(32)
  • 微信小程序的全局生命周期和页面生命周期

            生命周期是指一个程序或者软件从创建、到开始、暂停、唤起、停止、卸载的过程,由于微信小程序分为全局和页面两部分,所有从这两部分来讲解微信小程序的生命周期            全局生命周期指的是使用App() 函数注册一个小程序,接受一个object参数,其指定

    2024年02月16日
    浏览(33)
  • 【微信小程序-原生开发】实用教程02-添加全局页面配置、页面、底部导航

    开始前,请先完成项目创建,详见 【微信小程序-原生开发】实用教程01-注册登录账号,获取 AppID、下载安装开发工具、创建项目、上传体验 因我们的项目是根据模板创建的,需先清理掉无效的页面代码,具体操作方式如下: 删除 pages 文件夹下的所有文件 用下方代码替换掉

    2023年04月10日
    浏览(33)
  • uniapp实现微信小程序全局可分享功能

    uniapp实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】 主要使用 Vue.js 的 全局混入 1.创建一个全局分享的js文件。示例文件路径为:./utils/shareWx.js ,在该文件中定义全局分享的内容: 2.在项目的 main.js 文件中引入该 shareWx.js 文件, 并使用 Vue.mixin() 方法将

    2024年02月09日
    浏览(36)
  • 微信小程序实现全局参数共享,且实现全局参数变化时的页面间通信

    首先,微信小程序中并没有提供直接的全局事件系统来监听全局参数的变化。因此,我们需要采用其他方式来达到这一目的。一种常见的方法是使用全局变量和事件监听来模拟全局事件系统。 1. 定义全局变量和事件 在 app.js 中定义全局变量,并提供一个方法来更新这些变量并

    2024年04月15日
    浏览(31)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包