uniapp通过navigateBack返回时调用被返回页面的方法

最新推荐文章于 2025-05-16 21:31:36 发布

暮年。

最新推荐文章于 2025-05-16 21:31:36 发布

阅读量906

点赞数

CC 4.0 BY-SA版权

文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_45172409/article/details/131189238

文章探讨了uniapp的navigateBack方法在H5和App环境下的不同行为。在H5中，success回调先执行再返回，而在App中则相反。此外，提供了如何在返回时调用被返回页面方法的示例代码，针对App和H5的不同处理进行了说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp通过navigateBack返回时调用被返回页面的方法

h5页面和app页面中navigateBack有些差异,在h5页面的时候页面会先执行success函数然后返回,app则是先返回再进行success函数的执行。
同时,app和h5实际使用起来也有所差异。具体我并没有详细了解,底下代码我会将我遇到的提示一下

uni.navigateBack({
          delta: 1,
          success: () => {
            const pages = getCurrentPages()
            const previousPage = pages[pages.length - 1] // app中此为获取被返回页的实例
            const previousPage = pages[pages.length - 2] // h5中此为获取被返回页的实例
            if (previousPage) { // previousPage中常用属性许多可直接调用,如previousPage.route
              previousPage.$vm.loadmoreData() // app调用示例
              previousPage.$vm['loadmoreData']() // app另一种写法
              previousPage['loadmoreData']() // h5
            }
          }
        })