vue 如何点击按钮返回上一页

1，vue 如何点击按钮返回上一页呢？

这是vue挂载的范围html代码

下面是点击返回的方法

第一种只返回上一页

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.diviBaseUrl '/bonuses/grossProfit'; //这是后台接口地址
                this.$http.get(reqUrl,{               //get方式发送请求
                   params: params           //把外面声明的参数传过去
                }).then((res)=>{   //巧妙运用箭头函数
                   if(!res){return;}
                   this.allProfit = res.Profit; //res就是后台返回的所有数据前端需要接收并保存
                })
            }

***********************今天的文章就到这里了******************************

更多专业前端知识，请上【猿2048】www.mk2048.com

vue 如何点击按钮返回上一页相关推荐

vue点击按钮返回上一页
返回上一页 html 写法 <span@click="$router.go(-1)"style="width: 100px;height: 50px;line-he ...
react 点击按钮返回上一级路由
1.在要点击的按钮或者文字上添加 <span onTouchStart={this.backClick} > </span> 2. 事件编写 // 点击按钮返回上一个路由 ba ...
vue项目中阻止浏览器返回上一页
vue项目中在某个页面阻止浏览器返回上一页,适用移动端.PC端. 使用场景例如: 首页与 A页面来回跳转,那样点击浏览器返回时也会来回跳转,本想当页面在首页的时候就不再返回了,所以这个时候 ...
vue 跳转路由后返回上一页还是当前页面，但是路由地址有改变（已解决）
问题描述: 在开发vue项目的时候,涉及到路由跳转,前面的一顿操作配置路由的都很舒畅,跳转返回啥的都没问题.问题是啥呢,我在做个有视频播放的页面的时候,由于代码是参考别人的(狗头),导致在首页点击跳转 ...
vue实现刷新当前页和返回上一页
返回上一页很简单,只需要加上@click="$router.back()"即可. 刷新当前页,首先在app.vue的加上v-if属性 <router-view v-if=&q ...
vue实现局部页面缓存+返回上一页传参
问题说明: 在使用vue开发的过程中难免会遇到这种问题: 1.当我们需要前往另一个页面去做其他操作后,返回上一个页面,上一个页面的状态会被刷新,我们需要让上一个页面的状态保留. 2.当我们返回上一页的 ...
iOS webview 点击按钮返回上一页面或者返回首页
- (void)floatBtn:(UIButton *)sender { NSLog(@"点击"); if ([self.webView canGoBack]) ...
5+app处理返回键问题，后退按钮返回上一页
直接上代码,官网的例子是这样的: // H5 plus事件处理 function plusReady(){// Android处理返回键plus.key.addEventListener('backb ...
react项目—单击按钮返回上一页
// 如果使用hashHistory import creatHistory from 'history/createHashHistory' // 如果使用createBrowserHistory ...

vue 如何点击按钮返回上一页

vue 如何点击按钮返回上一页相关推荐

最新文章

热门文章