單頁面多路由區域操作

2021-08-01 17:09:12 字數 580 閱讀 1967

在乙個頁面中有兩個及以上的區域,需要通過設定路由的index.js,來操作這些區域的內容

index.js中設定:

import vue from 'vue'

import router from 'vue-router'

import hello from '@/components/hello'

import first1 from '@/components/first1'

import first2 from '@/components/first2'

vue.use(router)

export default

new router (

}]})

下面的設定是當url為/#/first時,交換兩個元件顯示的位置

export default

new router (

},

}]})

OSPF單區域路由協議

1.ospf協議的全程是開放式最短路徑優先協議,協議採用鏈路狀態協議演算法 ls協議 2.ospf協議配置的過程 主要指令 router ospf x 開啟ospf協議 其中x代指ospf路由程序id router id x.x.x.x 指定路由器的router id network x.x.x.x...

vue同頁面多路由懶載入 及可能存在問題的解決方式

先上圖,再解釋 頁面上其他的路由在路由檔案中也跟圖二是一樣的寫法。附送可能存在的問題解決 在同頁面多路由的情況下,如果像我這邊有加上導航選單需要對應的路由,那重新整理會導致預設顯示第乙個選單去,頁面內容原本是在第三個的路由上顯示結果重新整理頁面載入第乙個路由導致頁面內容不顯示問題。我們可以通過在多路...

移動端禁止頁面下拉重新整理(頁面有滾動區域)單頁面應用

參考 function isscroll dom,flag return let starty document.body.addeventlistener touchstart e document.body.addeventlistener touchmove handler,function ...