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>
相关推荐
遂心_4 小时前
深入理解 React Hook:useEffect 完全指南
前端·javascript·react.js
Moonbit4 小时前
MoonBit 正式加入 WebAssembly Component Model 官方文档 !
前端·后端·编程语言
龙在天4 小时前
ts中的函数重载
前端
卓伊凡5 小时前
非常经典的Android开发问题-mipmap图标目录和drawable图标目录的区别和适用场景实战举例-优雅草卓伊凡
前端
前端Hardy5 小时前
HTML&CSS: 谁懂啊!用代码 “擦去”图片雾气
前端·javascript·css
前端Hardy5 小时前
HTML&CSS:好精致的导航栏
前端·javascript·css
天下无贼5 小时前
【手写组件】 Vue3 + Uniapp 手写一个高颜值日历组件(含跨月补全+今日高亮+选中状态)
前端·vue.js
我是天龙_绍5 小时前
🔹🔹🔹 vue 通信方式 eventBus
前端
一个不爱写代码的瘦子6 小时前
迭代器和生成器
前端·javascript
拳打南山敬老院6 小时前
漫谈 MCP 构建之概念篇
前端·后端·aigc