zoukankan      html  css  js  c++  java
  • 简述Vue项目中返回上一页

    1、背景

      由于Vue所生成的项目叫做单页应用,即SPA,如果还是使用jQuery中的go(-1)或back()是行不通的,所以,我们使用到了Vue中的编程式导航。

    2、基本使用

    • 定义返回按钮:
      <el-button type="primary" plain @click="returnPage">{{$t('message.test.return')}}</el-button>
    • 在methods中定义方法:
      /**
       * [returnPage 返回按钮]
       * @return {[type]} [description]
       */
      returnPage() {
      // 跳转上一级
      // 这个判断用来解决这种情况,当用户没有上一条路由的历史记录,出现点击返回按钮没有反应时,下面的代码用来判断有没有上一条路由的历史记录   如果没有则返回首页
        if (window.history.length <= 1) {
          this.$router.push({ path: "/zh-CN/home" });
          return false;
        } else {
          this.$router.go(-1);
        }
      }
    • 在Jquery中,我们可以使用以下方法进行返回
      window.history.go(-1)

    3、遇到的问题

      暂无

  • 相关阅读:
    noip2010 乌龟棋
    noip2010 机器翻译
    noip2009 靶形数独
    noip2009 最优贸易
    noip2009 Hankson的趣味题
    noip2009 潜伏者
    noi2010 能量采集
    八大排序算法(六) 快速排序
    八大排序算法(六) 快速排序
    Lesson 12 Nehe
  • 原文地址:https://www.cnblogs.com/wxh0929/p/11532165.html
Copyright © 2011-2022 走看看