ExtJs 专题
专题目录
您的位置:JS框架 > ExtJs 专题 > vue 路由配置项
vue 路由配置项
作者:--    发布时间:2019-11-20

当创建路由器实例时,可以使用以下参数自定义路由器的行为。

hashbang

  • 默认值: true
  • 只在 hash 模式下可用

    当 hashbang 值为 true 时,所有的路径都会被格式化为以 #! 开头。例如 router.go('/foo/bar') 会把浏览器的 url 设为 example.com/#!/foo/bar

history

  • 默认值: false

    启用 html5 history 模式。利用 history.pushstate()history.replacestate() 来管理浏览历史记录。

    注意: 当使用 html5 history 模式时,服务器需要被正确配置 以防用户在直接访问链接时会遇到404页面。

abstract

  • 默认值: false

    使用一个不依赖于浏览器的浏览历史虚拟管理后端。虚拟模式在测试或者实际的 url 并不重要时,非常有用。例如 electron 或者 cordova 应用。在非浏览器模式下,路由器同样会退化为抽象模式。

root

  • 默认值: null
  • 只在 html5 history 模式下可用

    定义路由根路径。在 router.go()v-link 以及在路由对象中配置的所有路径都会解析为此根路径的相对路径,根路径总是会出现在浏览器地址栏的 url 中。

    例如,对于 root: '/foo'v-link="/bar" 会把浏览器 url 设置为 /foo/bar 。直接访问 /foo/bar 会匹配路由配置中的 /bar

    多数情况下,在应用中并不需要关心 root

linkactiveclass

  • 默认值: "v-link-active"

    配置当 v-link 元素匹配的路径时需要添加到元素上的 class 。只要当前路径以 v-link 的 url 开头,这个 class 就会被添加到这个元素上。活跃匹配的规则和添加的 class 也可以通过 v-link 的内联选项单独指定。

savescrollposition

  • 默认值: false
  • 只在 html5 history 模式下可用

    当用户点击后退按钮是,借助 html5 history 中的 popstate 事件对应的 state 来重置页面的滚动位置。注意,当 <router-view> 设定了相应的场景切换效果时,这个可能不会得到预想的效果。

transitiononload

  • 默认值: false

    在初次加载时是否对 <router-view> 处理场景切换效果。默认情况下,组件在初次加载时会直接渲染。

suppresstransitionerror

  • 默认值: false

    当值为 true 时,在场景切换钩子函数中发生的异常会被吞掉。

网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册