zoukankan      html  css  js  c++  java
  • Vue中浏览器的的前进和后退

      项目开发的时候,有时候可能需要我们来对页面后退和前进,这个东西跟浏览器自带的前进后退功能很像,下面来大致讲一下在vue中浏览器的前进和后退

    一、后退功能

    vue中的后退有好多种方法可以使用,使用这些方法前要确认有之前的页面,否则后退就到了一个空页面!

    可以通过history.length来获取历史记录的长度

    console.log(history.length)

     

    1.window.history对象中保存有页面访问的历史记录,在编写时可不使用 window 这个前缀。 加载历史列表中的前一个URL,这与在浏览器中点击前进按钮是相同的

    window.history.back();   后退1步

    history.back();               后退1步

     

    2.this.$router.go(-1);      通过vue的路由来进行后退1步

       this.$router.go(-2);      后退2步

       this.$router.back();      后退1步

     

    二、前进功能

    可以通过history.forward(); 来加载历史列表中的下一个URL,这与在浏览器中点击前进按钮是相同的,使用前需要确认有下一个URL,否则没反应~

    嗯,就酱~~

  • 相关阅读:
    CentOS安装配置Tomcat-7
    CentOS搭建VSFTP服务器
    使用DDMS测试安卓手机APP的性能(android)
    Linux常见问题及解决方案
    数据库版本控制工具:NeXtep Designer
    身份证号码编码规则
    无网络安装mysql步骤
    HTTP协议详解
    Jenkins持续集成构建
    Gulp和Webpack对比
  • 原文地址:https://www.cnblogs.com/jin-zhe/p/10022237.html
Copyright © 2011-2022 走看看