2024/04/25 WEB前端 No Comments uniapp vue3小程序版本更新升级提示 在uni-app开发过程中,应用的版本更新是一个常见的需求。当开发者发布了新版本的小程序后,希望用户在下一次打开旧版小程序时能够收到更新提示,引导用户更新到最新版本。本文介绍了基于uniapp vue3开发的微信小程序迭代更新版本后,用户使用小程序时提示其升级版本。 **版本说明:** 基于uniapp vue3 ts **实现方式:** 在uniapp小程序的App.vue文件中,在onLaunch或onShow生命周期钩子中检测版本更新,我是在onLaunch里面判断的。代码如下: ```javascript onLaunch: function () { // uni.hideTabBar() console.log('App Launch') const updateManager = uni.getUpdateManager(); // 小程序版本更新管理器 updateManager.onCheckForUpdate(res => { // 检测新版本后的回调 // console.log('App Launch-res',res) if (res && res.hasUpdate) { // 如果有新版本提醒并进行强制升级 uni.showModal({ title: '更新提示', content: '新版本已经准备好,请重启并应用新版本', showCancel: false, confirmText: '确定', success: res => { if (res.confirm) { updateManager.onUpdateReady(res => { // 新版本下载完成的回调 updateManager.applyUpdate() // 强制当前小程序应用上新版本并重启 }) updateManager.onUpdateFailed(res => { // 新版本下载失败的回调 // 新版本下载失败,提示用户删除后通过冷启动重新打开 uni.showModal({ content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~', showCancel: false, confirmText: '知道了' }) }) } } }) } }) } ``` 《[uniapp小程序版本更新提示提醒 vue2](/post/697.html "uniapp小程序版本更新提示提醒 vue2版本")》 本文最后更新于 2024-04-26 22:47:46 并被添加「uniapp vue3 微信小程序」标签,已有 1491 位童鞋阅读过。 本文作者:未来往事 本文链接:https://felixway.cn/post/696.html 本站使用「署名 4.0 国际」创作共享协议,可自由转载、引用,但需署名作者且注明文章出处 相关文章 uniapp rich-text/mp-html class样式添加 uniapp H5唤起手机地图软件 uniapp getBLEDeviceCharacteristics 10004 苹果IOS uniapp vue3获取表单数据 uniapp vue3获取input标签数据