您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

uniapp 页面栈管理

风口下的猪2020-05-22【uni-app】

简介

uniapp页面栈管理，主要实现效果是不使页面间出现冗余堆积，且设备返回键执行不突兀。

主要是两个点：a.返回上一页数据的重新渲染；b.刷新当前页

一.返回上一页数据的重新渲染

（1）onShow和onLoad的分工：每个页面的url参数是在onLoad获取，但页面渲染所需的后端或者本地数据，一定要在onShow中得到；

（2）采用uni.navigateBack

uni.navigateBack({
	delta: 1
});

二.本页的重新刷新

（1）本页的重新刷新，主要通过重定向本页即可

uni.redirectTo({
	url:curUrl
});

这里可以对获取本页完整url（route+参数）进行一个封装

Test.prototype.getUrl=function(){
	let pages = getCurrentPages();
	let curPage = pages[pages.length - 1];
	let curParam = curPage.options || curPage.$route.query;
	let Url=''+curPage.route+'?';
	let Urlarray =Url.split("/");
	let last=Urlarray.length-1;
	let currentUrl=Urlarray[last];
	for (var val in curParam) {
		currentUrl=currentUrl+''+val+'='+curParam[val]+'&'
	}
	currentUrl = currentUrl.substr(0,currentUrl.length-1);
	return currentUrl;
}

很赞哦！ (0)

上一篇：uniapp app端调试

下一篇：uni-app规范开发（1）设置配置文件

数据库

开发终端

语言基础

项目管理

产品设计

系统

工作规范

计算机网络

前端技术栈

数据结构

计算机组成原理

后端技术栈

性能优化

安全设计

常见模块

计算机操作系统

服务器

python

MySQL

thinkphp

PHP

Java

JavaScript

Windows

Linux

特效

indexedDB

vue

淘宝联盟

Ionic

Angular

微信小程序

支付宝小程序

uni-app

css/sass/less

支付

socket

爬虫

web性能优化

消息推送

CVM

sqlite

Redis

前端基础

基础

element

Nginx

yii2

/ponder/index.php/index/catelist/catelist/cateid/10.html

标签云

站点信息

文章统计：528篇
移动端访问：扫码进入SQ3R

软件开发(47)	MySQL(25)
thinkphp(89)	PHP(33)
JavaScript(39)	项目管理(3)
产品设计(5)	Linux(15)
计算机网络(6)	计算机组成原理(1)
微信小程序(7)	安全设计(4)
uni-app(70)	淘宝联盟(4)
支付(7)	socket(18)
计算机操作系统(4)	爬虫(5)
web性能优化(5)	消息推送(9)
CVM(2)	Redis(27)
indexedDB(5)	vue(57)
特效(2)	css/sass/less(5)
基础(1)	element(1)
Nginx(6)	yii2(19)

您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

uniapp 页面栈管理

一.返回上一页数据的重新渲染

二.本页的重新刷新

相关阅读 (同一栏目)

栏目目录

标签云

站点信息

申请链接友情链接