vue路由中的mode是什么意思?

export function createRouter () {
  return new Router({
    mode: 'history',
    scrollBehavior: () => ({ y: 0 }),
    routes
  })
}

看文档没看懂?自己测试,去掉mode根路由后面会自动添加 #/
eg: http://localhost:8080/#/              http://localhost:8080/#/index
请问这是为什么,还有这个scrollBehavior是什么意思。。。。

阅读 4.6k
4 个回答
  1. HTML5 History 模式,猜测你应该是看懂了,但是测试不对。history模式不会带上#,至于错哪就目前的代码来看并不知道。
  2. 切换路由时希望定位到哪个位置

    const router = new VueRouter({
      routes: [...],
      scrollBehavior (to, from, savedPosition) {
        // return 期望滚动到哪个的位置
      }
    })

不要没有任何基础知识就去上手框架,不要没有任何基础知识就去上手框架,不要没有任何基础知识就去上手框架。

建议自己 Google:「前端路由」

还是可以直接百度的,文档有些写得比较深奥,大概意思就是,去掉url后面的#并将页面顶部至为可视区域

vur-router 默认是hash模式,所以,如果去掉 mode:'history',路由就会采用hash模式,所以会带#;如果mode设置为 history模式,是利用 history.pushState() 跳转url但不刷新页面的
官网有详细介绍:https://router.vuejs.org/zh/g...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题