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爱好者其它相关文章!
-
崩铁黄金替罪羊3.1任务指南 崩坏星穹铁道黄金替罪羊通关攻略大全 2025-05-02
-
贝莱德比特币etf 2025-05-02
-
女寝皆是修罗场意外剧情通关技巧-意外剧情触发 2025-05-02
-
七日世界移动端要什么配置-七日世界手游硬件要求 2025-05-02
-
女寝皆是修罗场秦笙怎么-秦笙教授教程 2025-05-02
-
和平精英星河歌剧系列皮肤多少钱-星河歌剧价格 2025-05-02