vue，返回上一页面

1、背景由于Vue所生成的项目叫做单页应用，即SPA，如果还是使用jQuery中的go（-1）或back（）是行不通的，所以，我们使用到了Vue中的编程式导航。2、基本使用定义返回按钮：<el-button type="primary" plain @click="returnPage">{{$t('message.test.return')}}</el-button>在m

阿籍__

4850人浏览 · 2021-06-07 15:29:49

阿籍__ · 2021-06-07 15:29:49 发布

使用

页面中：

<i class='el-icon-back' @click="goback"/>

在methods中定义方法：

复制代码


goback() {
// 这个判断用来解决这种情况，当用户没有上一条路由的历史记录，出现点击返回按钮没有反应时，下面的代码用来判断有没有上一条路由的历史记录   如果没有则返回首页
  if (window.history.length <= 1) {
    this.$router.push({ path: "/zh-CN/home" });
    return false;
  } else {
    this.$router.go(-1);
  }
}

复制代码

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^