vue路由跳轉(zhuǎn)了但界面不顯示的問(wèn)題及解決
更新時(shí)間：2022年04月28日 09:30:21 作者：Charis-Cai
這篇文章主要介紹了vue路由跳轉(zhuǎn)了但界面不顯示的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
路由跳轉(zhuǎn)了但界面不顯示
沒(méi)有在父路由加上router-view，加上下面的代碼即可。
<!-- 路由匹配到的組件將顯示在這里 --> <router-view></router-view>
路由明明配置好了頁(yè)面還是不顯示
在開(kāi)發(fā)vue項(xiàng)目時(shí)，使用vue-router 路由老失效
問(wèn)題代碼
Vue.use(VueRouter)
var routeslist=[
? {
? ? path:'/',
? ? redirect:'/home'
? }, ? ?//配置路由，這里是個(gè)數(shù)組
? { ? ? ? ? ? ? ? ? ? ?//每一個(gè)鏈接都是一個(gè)對(duì)象
? ? path: '/home', ? ? ? ? //鏈接路徑
? ? name: 'home', ? ? //路由名稱，
? ? component: index ? //對(duì)應(yīng)的組件模板
? }
]
const router= new VueRouter({
? ?routeslist
})
new Vue({
? router:router,
? render: h => h(App),
}).$mount('#app')解決
在使用路由時(shí)如何不滿足命名規(guī)范，就必須加上參數(shù)名稱
-注意~ 不只是這里 在
new Vue({
router,
render: h => h(App),})如何VueRouter對(duì)象名稱不為router時(shí) 也需要加上參數(shù)名稱
router:router,
// 指定為routes
const router= new VueRouter({
? ? routes: routeslist
})
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用vue-router設(shè)置每個(gè)頁(yè)面的title方法
下面小編就為大家分享一篇使用vue-router設(shè)置每個(gè)頁(yè)面的title方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
vue3實(shí)現(xiàn)手機(jī)上可拖拽元素的組件
這篇文章主要介紹了vue3實(shí)現(xiàn)手機(jī)上可拖拽元素的組件，用vue3實(shí)現(xiàn)一個(gè)可在手機(jī)上拖拽元素的組件，可拖拽至任意位置，并且可以防止拖拽元素移出屏幕邊緣2022-09-09
axios簡(jiǎn)單實(shí)現(xiàn)小程序延時(shí)loading指示
這篇文章主要介紹了axios簡(jiǎn)單實(shí)現(xiàn)小程序延時(shí)loading指示，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
詳解如何在Vue2中實(shí)現(xiàn)useDraggable
這篇文章主要為大家詳細(xì)介紹了Vue2中實(shí)現(xiàn)useDraggable的相關(guān)知識(shí),文中的示例代碼簡(jiǎn)潔易懂,對(duì)我們深入了解vue有一定的幫助,需要的小伙伴可以參考下2023-12-12
解決vue中菜單再次點(diǎn)擊內(nèi)容不刷新問(wèn)題
當(dāng)elementUI中菜單打開(kāi)后,再次點(diǎn)擊不會(huì)刷新的問(wèn)題,導(dǎo)致菜單再次點(diǎn)擊不刷新的根本原因是頁(yè)面打開(kāi)后,再次打開(kāi)相同的頁(yè)面是不會(huì)刷新的,這應(yīng)該是框架的機(jī)制就是如此,小編整理了兩個(gè)比較不錯(cuò)的解決方法,需要的朋友可以參考下2023-08-08
這篇文章主要給大家介紹了關(guān)于vuex刷新后數(shù)據(jù)丟失的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
vue仿element實(shí)現(xiàn)分頁(yè)器效果
這篇文章主要介紹了vue仿element實(shí)現(xiàn)分頁(yè)器效果，實(shí)現(xiàn)思路是定一個(gè)值foldPage, 意為當(dāng)前最多顯示的標(biāo)簽數(shù),當(dāng)總頁(yè)數(shù)超過(guò)即顯示省略.省略分為左邊省略(folder1)和右邊省略(folder2)，具體實(shí)例代碼大家參考下本文2018-09-09
Vue?如何關(guān)掉響應(yīng)式問(wèn)題
這篇文章主要介紹了Vue?如何關(guān)掉響應(yīng)式問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
淺談Vue.js中如何實(shí)現(xiàn)自定義下拉菜單指令
這篇文章主要介紹了淺談Vue.js中如何實(shí)現(xiàn)自定義下拉菜單指令，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
關(guān)于在Vue中import和require的用法分析
在Vue項(xiàng)目中，我們經(jīng)常需要引入外部的模塊或文件，這時(shí)候就會(huì)用到import和require這兩個(gè)關(guān)鍵字，本文將詳細(xì)分析它們的用法，并提供具體的代碼實(shí)例和解釋,需要的朋友可以參考下2023-06-06