vue 浏览器滚动行为

• Z时代
• 2024-01-10
• 分类：综合

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import {routes} from './routes'
Vue.use(VueRouter)
const router =new VueRouter({
  routes ,
  mode:'history',
  scrollBehavior(to,from,savedPosition){
    //浏览器滚动行为
    //return {selector:'.btn'};
    //return {x:0,y:100};
    if(savedPosition){
      return savedPosition;
    }else{
      return {x:0,y:0}
    }
  }
})
//全局守卫
/*router.beforeEach((to,from,next)=>{
  //alert("还没有登录,请先登录");
 // next();
  //判断store.gettes.isLogin ===false
  if(to.path == '/login'||to.path == '/register'){
    next();
  }else{
    alert("还没有登录,请先登录");
    next('/login');
  }
})*/
//后置钩子
/*router.afterEach((to,from)=>{
  alert("after each");
})*/
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

浏览器滚动行为:第一种到制定的位置

第二张到制定的标签或者id位置

第三种,到上次浏览的位置

以上是 vue 浏览器滚动行为 的全部内容， 来源链接： utcz.com/z/380637.html