uniapp回到上一页

回到上一页代码uniapp中代码

javascript 复制代码
<template>
	<view class="my_footer">
		<view class="m_goBack" @click.stop="handlergoBack()"></view>
		<view class="m_index"  @click.stop="handlergoIndex()"></view>
	</view>
</template>

<script>
	export default {
		methods: {
			//回到上一个页面
			handlergoBack() {
				//如果没有上一个页面 就回到首页
				const pages = getCurrentPages();
				if (pages.length === 2) {
					uni.navigateBack({
						delta: 1
					});
				} else if (pages.length === 1) {
					uni.switchTab({
						url: '/pages/index/index',
					})
				} else {
					uni.navigateBack({
						delta: 1
					});
				}
			},
			//回到首页
			handlergoIndex(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			}

		}
	}
</script>

<style lang="scss">
	.my_footer {
		background: #fff;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 96rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 88;
		.m_index {
			flex: 1;
			height: 96rpx;
			background: url('@/static/home.png') center no-repeat;
			background-size: 32rpx 30rpx;
			
		}
		.m_goBack {
			flex: 1;
			width: 80rpx;
			height: 96rpx;
			background: url('@/static/back.png') center no-repeat;
			background-size: 20rpx 32rpx;
		}
	}
</style>
相关推荐
-代号95273 分钟前
【JavaScript】十三、事件监听与事件类型
开发语言·javascript·ecmascript
阳树阳树1 小时前
signal-新的状态管理模式
前端·javascript
fakaifa1 小时前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商
木木黄木木1 小时前
HTML5手写签名板项目实战教程
前端·html·html5
姑苏洛言2 小时前
基于微信小程序实现幸运大转盘页面
前端
前端极客探险家2 小时前
如何实现一个支持拖拽排序的组件:React 和 Vue 版
前端·vue.js·react.js·排序算法
yanyu-yaya2 小时前
devextreme-react/scheduler 简单学习
前端·学习·react.js
limit for me2 小时前
react使用eventBus在不同模块间进行通信
前端·react.js
__不想说话__3 小时前
面试官问我React组件和state的关系,我指了指路口的红绿灯…
前端·javascript·react.js
一个小潘桃鸭3 小时前
需求:对表格操作列中的操作进行局部刷新
前端