uniapp小程序 如何更新版本 在页面提示升级版本

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

在APP.vue页面内,在onLaunch生命周期里面调用

 onLaunch () {

     this.UpdateManager ()

  },

//版本更新提示文章来源地址https://www.toymoban.com/news/detail-569521.html

 UpdateManager () {

         if ( uni.canIUse('getUpdateManager') ) {

          const updateManager = uni.getUpdateManager();

       updateManager.onCheckForUpdate ( res => {

          if ( res.hasUpdate ) {

                    wx.showModal({

                      title: '更新提示',

                      content: '检测到新版本,是否下载新版本并重启小程序?',

                      success: function (res) {

                        if (res.confirm) {

                          //2. 用户确定下载更新小程序,小程序下载及更新静默进行

                          downLoadAndUpdate(updateManager)

                        } else if (res.cancel) {

                          //用户点击取消按钮的处理,如果需要强制更新,则给出二次弹窗,如果不需要,则这里的代码都可以删掉了

                          wx.showModal({

                            title: '温馨提示~',

                            content: '本次版本更新涉及到新的功能添加,旧版本无法正常访问的哦~',

                            showCancel: false,//隐藏取消按钮

                            confirmText: "确定更新",//只保留确定更新按钮

                            success: function (res) {

                              if (res.confirm) {

                                //下载新版本,并重新应用

                                downLoadAndUpdate(updateManager)

                              }

                            }

                          })

                        }

                      }

                    })

            }

          })

      } else {

    // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示

        uni.showModal({

          title: '提示',

          content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'

        })

      }

    },

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

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

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

相关文章

  • uniapp小程序,根据小程序的环境版本,控制的显页面功能按钮的示隐藏

    需求:根据小程序环境控制控制页面某个功能按钮的显示隐藏; 下面是官方文档和功能实现的相关代码: 实现上面需要,用到了uni.getAccountInfoSync(): uni.getAccountInfoSync() 是一个 Uniapp 提供的同步方法,用于获取小程序的帐号信息。它可以获取当前小程序的一些基本信息,例如

    2024年02月14日
    浏览(39)
  • 微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转其他小程序如何操作?

     微信小程序appId查看方法: 1)有后台登录权限的情况下:登录微信公众平台后, 微信公众平台 微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。 https://mp.weixin.qq.com/ 点击右上角logo,在“帐号信息”中找到AppID(小程序ID) 2)没有后台登录权

    2024年02月11日
    浏览(76)
  • uniapp 小程序如何从主包页面跳转到分包页面

    在uniapp开发小程序的时候,“分包”概念一定要提前了解下,具体我就不多说了,自己看下关网的相关配置。 那么,如果从主包页面,跳转至分包的页面呢?如图所示 我的页面-详情页  在我的页面创建好自己的链接,我使用的是方法创建的 注: 1、一定要注意跳转的路径,

    2024年02月16日
    浏览(54)
  • 基于uniapp的微信小程序如何刷新页面(绝对有效)

    由于我的毕业设计就是用uniapp写的微信小程序。 碰到了这样的问题,查了许多资料,最终找到了这样的方法。 现在写出来给大家节约时间和精力。 就是用uni.redirectTo 实现页面跳转从而实现页面刷新 注意:这不能刷新tabBar页面 不要傻乎乎的用在tabBar上 跳转到tabBar页面只能使

    2024年02月11日
    浏览(52)
  • uni-app: onBackPress() 监听页面返回 - 更新数据

    生命周期 - onBackPress() 监听页面返回 函数名 说明 平台差异说明 onBackPress 监听页面返回 ,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示来源是左上角返回按钮或 android 返回键;navigateBack表示来源是 uni.navigateBack ;详细说明及使用:onBackPress 详解。支付宝小程序只有真机

    2024年02月11日
    浏览(58)
  • 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日
    浏览(41)
  • 微信小程序web-view嵌入uni-app H5页面,通过H5页面跳转企业微信客户聊天窗口如何操作?

    1)找到企业ID,登录 企业微信 企业微信 https://work.weixin.qq.com/wework_admin/loginpage_wx  2)找到接入链接  功能-客服-微信客服 微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。 https://mp.weixin.qq.com/

    2024年02月11日
    浏览(63)
  • uni.app如何检测小程序版本更新以及上线后如何关闭全局打印

    App.vue 入口文件中 添加如下代码 微信小程序 测试 重新编译后 即可看到以下内容 在main.js中 加上以下代码

    2024年02月07日
    浏览(34)
  • 【UniApp】-uni-app-项目实战页面布局(苹果计算器)

    经过前面的文章介绍,基本上 UniApp 的内容就介绍完毕了 那么从本文开始,我们就开始进行一个项目的实战 这次做的项目是苹果计算器,这个项目的难度不是很大,但是也不是很简单,适合练手 打开 HBuilderX,点击左上角 文件 - 新建 - 项目 : 项目创建完毕之后,首先来分析

    2024年02月04日
    浏览(63)
  • 【uni-app教程】四、UniAPP 路由配置及页面跳转

    uni-app 页面路由为框架统一管理,开发者需要在pages.json里配置每个路由页面的路径及页面样式。类似小程序在 app.json 中配置页面路由一样。所以 uni-app 的路由用法与 Vue Router 不同,如仍希望采用 Vue Router 方式管理路由,可在插件市场搜索 Vue-Router。 uni-app 有两种页面路由跳转

    2024年01月16日
    浏览(73)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包