uniapp返回上一页面

8 篇文章 0 订阅

返回上一页面在uniapp中有多种方法
在做项目时,从列表点新增按钮,输入完,返回列表,再返回又到新增页面,出现多次点击才返回最初页面。

用uni.navigateTo,可以很好的解决,不会出现重复的
根据项目需求,关闭当前页面,返回上一页面:
方法1:通过url重新跳转

uni.navigateTo({
	url: 'bankcard'
})

方法2:方法上一页,优点:地址栏参数还是原先的。

Back(){
	//uni.navigateBack()//默认delta:1
	uni.navigateBack({
		delta:1,//返回层数,2则上上页
	})
},

3.退出登录刷新页面
app没有退出登录接口时,可以通过清除缓存的token来实现退出登录,
这里用ni.reLaunch({url:'login'}),来实现跳转页面。也可以用uni.navigateBack({ delta: 1 ,});的方式

logOut(){
	uni.showLoading({
		title: '正在退出...',
		duration: 2000,
	});
	setTimeout(function(){
		uni.removeStorageSync('token');
		uni.reLaunch({
			url:'login',
			success() {
				uni.hideLoading()
			}
		})
	},1000)
},

4.返回上一页 并且携带参数

confirm(item) {//这里的item是对象
	let pages = getCurrentPages(); //获取所有页面栈实例列表
	let nowPage = pages[pages.length - 1]; //当前页页面实例
	let prevPage = pages[pages.length - 2]; //上一页页面实例
	prevPage.$vm.detailList.receive = item; //修改上一页data里面的地址
	uni.navigateBack({
		delta: 1 //返回层数,2则上上页
	});
}

跳回到上一页后打印,receive会接到参数

data() {
	return {
		detailList:[
			receive:{},
		]
	}
}
  • 14
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值