vuejs如何返回一页
时间:2021-11-08 来源:互联网
今天PHP爱好者为您带来vuejs实现返回一页的方法:1、通过“goOff(){this.$router.go(-1);},”方法实现点击返回上一页;2、通过“methods: {back(){if () {...}”方式实现返回上一页,如果没有上一页则返回首页。希望对大家有所帮助。
本文操作环境:windows7系统、vue2.9.6版,DELL G3电脑。
vuejs如何返回一页?
vue 实现点击按钮返回上一页:
1,vue 如何点击按钮返回上一页呢?
这是vue挂载的范围html代码
<p @click="goOff()">返回</p>
下面是点击返回的方法
第一种只返回上一页
goOff(){
this.$router.go(-1);
},
第二种 返回上一页,如果没有上一页返回首页
methods: {
back(){
if (window.history.length <= 1) {
this.$router.push({path:'/'})
return false
} else {
this.$router.go(-1)
}
}
},
2,下面介绍一点vue调取接口小知识
actAllProfit(){ //调取接口的函数
var params = {}; //这是调取接口时的请求参数 明白点就是我们要传过去的参数
var reqUrl = this.piBaseUrl + '/bonuses/grossProfit'; //这是后台接口地址
this.$http.get(reqUrl,{ //get方式发送请求
params: params //把外面声明的参数传过去
}).then((res)=>{ //巧妙运用箭头函数
if(!res){return;}
this.allProfit = res.Profit; //res就是后台返回的所有数据 前端需要接收并保存
})
}
以上就是vuejs如何返回一页的详细内容,更多请关注php爱好者其它相关文章!
-
修复LSP的最佳方法:快速解决语言服务协议问题的详细教程 2025-08-24
-
如何快速修改IP地址?简单三步轻松搞定网络设置 2025-08-24
-
如何彻底卸载搜狗浏览器 电脑快速清理卸载残留教程 2025-08-24
-
IE浏览器崩溃修复指南:快速解决常见问题的6种有效方法 2025-08-24
-
如何彻底卸载迈克菲McAfee 简单三步永久删除不残留 2025-08-24
-
如何彻底卸载麦咖啡McAfee?完整清除步骤与常见问题解答 2025-08-24