uni-app返回上一页功能详解

在uni-app开发过程中，返回上一页是一个基础且常用的操作。本文将详细介绍怎么实现这一功能，并给实用的解决方案。

搞懂uni-app页面栈

uni-app的页面栈是指当前打开的全部页面的集合。了解页面栈对于实现返回上一页功能至关关键。每当打开一个新鲜页面时该页面会被压入页面栈。

用uni.navigateBack方法

uni-app给了uni.navigateBack方法来实现返回上一页。

uni.navigateBack({
    delta: 1
});

其中， delta参数表示返回的页面数，默觉得1，即返回上一页。

避免页面刷新鲜

在有些情况下我们希望在返回上一页时避免刷新鲜列表页面。能通过调用事件后移除事件或用uni.$once方法来实现。

比方说：

let pages = getCurrentPages;
console.log;

通过上述代码， 我们能获取当前页面栈中的全部页面信息，并通过pages.length获取页面栈的深厚度。

传递参数

在uni-app开发中，有时我们需要在返回上一页的一边传递一些参数。能通过uni.navigateBack方法实现：

uni.navigateBack({
    animationType: 'slide-out-right',
    animationDuration: 500,
    success: function {
        let page = getCurrentPages.pop;
        if  return;
        let options = {
            xx: 'xx' // 比方说上一页面是id为2的数据， 要传递回去
        };
        page.onLoad;
    }
});

动画效果

为了增有力用户体验，我们能在返回上一页时设置动画效果。uni-app支持许多种动画效果，比方说滑动、淡入淡出等。

uni.navigateBack({
    animationType: 'slide-out-right',
    animationDuration: 500
});

uni-app返回上一页功能是开发中常用的操作。观点。