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

          }

        }

        

      }

    })

  • 相关阅读:
    服务器ECS安装nodejs和mongodb
    bxSlider轮播图
    ckplayer播放器
    使用bootstrap和fontawesome
    java的极速验证
    安装python
    redis安装
    正则表达式
    部署django项目的环境以及mondoDB数据的导入
    反向代理和正向代理
  • 原文地址:https://www.cnblogs.com/qiuchuanji/p/8594803.html
Copyright © 2011-2022 走看看