uni-app如何刷新上一个页面

这个的方法一般用于登录,编辑信息,上传文件,购物下单等等,这个刷新上一个页面的原因是这样的,拿个登录页做案例,点击登录后通过了就分为两步,第一步是触发个人页的方法,第二步返回上一页,这就好了。所谓的刷新页面就是触发上一页(个人页)的方法,让页面显示新的数据

个人页的js

methods: {
	//定义个点击方法
	login(){
                //获取用户名
		let username = uni.getStorageSync('username');
		this.username = username;
		console.log("触发了")
		
	},
}

登录页的js

输入账号密码后,正确的情况下所需要执行的就这点的,H5和APP端都可以的

//存储账号
uni.setStorageSync('username', username);
//提示
uni.showToast({
	title: '登陆成功',
	duration: 2000
});
//当前页
let pages = getCurrentPages();
//上个页面
let beforePage = pages[pages.length - 2];
// #ifdef H5
beforePage.login()
// #endif
// #ifndef H5
beforePage.$vm.login()
// #endif
//跳转返回到上一页
uni.navigateBack({
	delta: 2
});

注意,做测试的时候一定要从个人页进去,要不然就报错,说明没有上一页,这个会让程序直接报错。

希望这篇文章对你有帮助

 

 

 

本站资源除特别声明外,转载文章请声明文章出处
东泰博客 » uni-app如何刷新上一个页面

发表评论