zoukankan      html  css  js  c++  java
  • 路由配置scrollBehavior的使用方法

    let router = new VueRouter({

      //点击浏览器的前进后退或切换导航触发

      scrollBehavior(to,from,savePosition){

        //to 要进入的目标路由对象要去向哪里

        //离开的路由对象  从哪里来

        //savePosition //记录滚动条的坐标  点击前进后退的时候记录

        //以下代码的场景为:a页面滚动条位置为1000,通过浏览器左上角的前进或后退,再返回到a页面时,这时候的滚动条位置不会变成0

          通过以下代码能记录下页面的滚动条位置,这样在重新返回页面的时候就能回到上次浏览的滚动条位置

        if (savePostion) {

          return savePositon;

        } else {

          return {x:0,y:0}

        }

        //通过代码时候路由调转,并定位到某个元素上

        路由名为:/about#abc

        if (to.hash) {

          return {

            selector: to.hash

          }

        }

        

      }

    })

  • 相关阅读:
    js 实现自增长
    常用的js脚本验证
    Jquery 收集
    Jquery 常用操作搜集
    Jquery 点击绑定行 弹出详细页面
    Jquery 了解
    Html 标尺
    Editor Guidelines
    程序员需要做到
    jS 回车事件
  • 原文地址:https://www.cnblogs.com/qiuchuanji/p/8594803.html
Copyright © 2011-2022 走看看