關(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)文章
vue實現(xiàn)input文本框只能輸入0-99的正整數(shù)問題
這篇文章主要介紹了vue實現(xiàn)input文本框只能輸入0-99的正整數(shù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要為大家詳細介紹了vue+iview分頁組件的封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要為大家詳細介紹了vue組件如何被其他項目引用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
如果說是JQuery是手工作坊,那么Vue.js就像是一座工廠,雖然Vue.js做的任何事情JQuery都可以做,但無論是代碼量還是流程規(guī)范性都是前者較優(yōu),下面這篇文章主要給大家介紹了關(guān)于Vue項目中如何運用vuex的相關(guān)資料,需要的朋友可以參考下2021-09-09
利用Vue實現(xiàn)一個markdown編輯器實例代碼
這篇文章主要給大家介紹了關(guān)于如何利用Vue實現(xiàn)一個markdown編輯器的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用Vue具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了解決vue-cli中stylus無法使用的問題方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了Ant Design的Table組件去除“取消排序”選項操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了Vue在啟動時卡住了,啟動不了的問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
vue實現(xiàn)動態(tài)路由添加功能的簡單方法(無廢話版本)
ue動態(tài)路由(約定路由),聽起來好像很玄乎的樣子,但是你要是理解了實現(xiàn)思路,你會發(fā)現(xiàn)沒有想象中的那么難,下面這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)動態(tài)路由添加功能的簡單方法,需要的朋友可以參考下2023-02-02
vue在項目中實現(xiàn)base64加密解密的示例代碼
這篇文章主要為大家詳細介紹了vue在項目中實現(xiàn)base64加密解密的兩種方法,文中的示例代碼講解詳細,具有一定的參考價值,有需要的小伙伴可以了解一下2023-10-10