關(guān)于vue的路由模式及修改方法
更新時間：2022年03月31日 11:08:38 作者：你瞅啥？？？
這篇文章主要介紹了關(guān)于vue的路由模式及修改方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue路由模式及修改
vue的路由模式有兩種模式History和hash模式，切換方式有兩種。
默認(rèn)為hash模式，修改為history的方法如下，此方法也可以修改為hash模式
vue切換路由模式{hash/history}
vue中常用的路由模式
- hash(#)：默認(rèn)路由模式
- histroy(/)切換路由模式
切換路由模式
export default new Router({
? ? // 路由模式：hash(默認(rèn))，history模式
? ? mode: 'history',
? ? // 修改路由高亮樣式，默認(rèn)值為'router-link-active'
? ? linkActiveClass: 'active'
? ? //路由規(guī)則
? ? routes:[
? ? ? ? {
? ? ? ? ? ? path:'/',
? ? ? ? ? ? name:'index',
? ? ? ? ? ? component:'Index'
? ? ? ? }
? ? ],
})以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了代碼詳解Vuejs響應(yīng)式原理的基礎(chǔ)知識，有興趣的朋友們參考學(xué)習(xí)下吧。2017-12-12
vue的el-select綁定的值無法選中el-option問題及解決
這篇文章主要介紹了vue的el-select綁定的值無法選中el-option問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了vue路徑寫法之關(guān)于./和@/的區(qū)別，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
前端請求超時截斷axios?timeout設(shè)置未生效情況解決記錄
在項目中遇到了后臺接口返回數(shù)據(jù)慢的時候往往需要設(shè)置請求失效時間,在項目中遇到設(shè)置timeout失效問題由此記錄下來,這篇文章主要給大家介紹了前端請求超時截斷axios?timeout設(shè)置未生效情況解決的相關(guān)資料,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了解決Vue項目中tff報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vscode中開發(fā)運行uniapp項目詳細(xì)步驟
VSCode作為一個非常強(qiáng)大的代碼編輯器,可以集成眾多的插件和工具來優(yōu)化開發(fā)效率,這篇文章主要給大家介紹了關(guān)于vscode中開發(fā)運行uniapp項目的詳細(xì)步驟,需要的朋友可以參考下2023-07-07
Vue2+Elementui?Dialog實現(xiàn)封裝自定義彈窗組件
在日常的管理系統(tǒng)界面中,我們寫的最多的除了列表表格之外,就是各種彈窗組件,本文就來為大家詳細(xì)介紹一下Vue2如何結(jié)合Elementui?Dialog實現(xiàn)封裝自定義彈窗組件,希望對大家有所幫助2023-12-12
解決vue項目路徑不正確,自動跳轉(zhuǎn)404的問題
這篇文章主要介紹了解決vue項目路徑不正確,自動跳轉(zhuǎn)404的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
下面小編就為大家分享一篇vue中實現(xiàn)移動端的scroll滾動方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
關(guān)于Vue Router中路由守衛(wèi)的應(yīng)用及在全局導(dǎo)航守衛(wèi)中檢查元字段的方法
這篇文章主要介紹了關(guān)于Vue Router中路由守衛(wèi)的應(yīng)用及在全局導(dǎo)航守衛(wèi)中檢查元字段的方法，實現(xiàn)方法有兩種，本文通過實例代碼對每種方法介紹的很詳細(xì)，需要的朋友參考下2018-12-12