关于vue的路由模式及修改方法
更新时间：2022年03月31日 11:08:38 作者：你瞅啥？？？
这篇文章主要介绍了关于vue的路由模式及修改方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue路由模式及修改
vue的路由模式有两种模式History和hash模式，切换方式有两种。
默认为hash模式，修改为history的方法如下，此方法也可以修改为hash模式
vue切换路由模式{hash/history}
vue中常用的路由模式
- hash(#)：默认路由模式
- histroy(/)切换路由模式
切换路由模式
export default new Router({
// 路由模式：hash(默认)，history模式
mode: 'history',
// 修改路由高亮样式，默认值为'router-link-active'
linkActiveClass: 'active'
//路由规则
routes:[
{
path:'/',
name:'index',
component:'Index'
}
],
})以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了代码详解Vuejs响应式原理的基础知识，有兴趣的朋友们参考学习下吧。2017-12-12
vue的el-select绑定的值无法选中el-option问题及解决
这篇文章主要介绍了vue的el-select绑定的值无法选中el-option问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了vue路径写法之关于./和@/的区别，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
前端请求超时截断axios timeout设置未生效情况解决记录
在项目中遇到了后台接口返回数据慢的时候往往需要设置请求失效时间,在项目中遇到设置timeout失效问题由此记录下来,这篇文章主要给大家介绍了前端请求超时截断axios timeout设置未生效情况解决的相关资料,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了解决Vue项目中tff报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
VSCode作为一个非常强大的代码编辑器,可以集成众多的插件和工具来优化开发效率,这篇文章主要给大家介绍了关于vscode中开发运行uniapp项目的详细步骤,需要的朋友可以参考下2023-07-07
Vue2+Elementui Dialog实现封装自定义弹窗组件
在日常的管理系统界面中,我们写的最多的除了列表表格之外,就是各种弹窗组件,本文就来为大家详细介绍一下Vue2如何结合Elementui Dialog实现封装自定义弹窗组件,希望对大家有所帮助2023-12-12
这篇文章主要介绍了解决vue项目路径不正确,自动跳转404的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
下面小编就为大家分享一篇vue中实现移动端的scroll滚动方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
这篇文章主要介绍了关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法，实现方法有两种，本文通过实例代码对每种方法介绍的很详细，需要的朋友参考下2018-12-12
最新评论