vue返回上一页

本文介绍了在Vue.js中实现页面返回功能的两种方法。第一种方法是在组件的方法中使用this.$router.go(-1)来返回上一层。第二种方法是直接在HTML元素上使用@click=$router.back(-1)实现相同的功能。这两种方法都是Vue2.0中常用的返回上一页的技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

方法一:

<!--返回按钮-->
<div class="backTo">
    <span @click="back">返回</span>
</div>
2.在方法体内现价back方法

methods:{
    back(){
        this.$router.go(-1);//返回上一层
    },
},

注:后退:this.router.go(−1),反之前进就是this. router.go(1), 

方法二:vue2.0返回上一页

<div class="backTo">
	    <span@click="$router.back(-1)">返回</span>
</div>

作者:树洞菇凉
来源:优快云
原文:https://blog.youkuaiyun.com/qq_37916164/article/details/84099069
版权声明:本文为博主原创文章,转载请附上博文链接!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值