在Vue项目中,配置了路由但页面没有显示出来的原因主要有以下几点:1、路由配置错误,2、组件未正确引入,3、路由模式问题,4、未使用<router-view>,5、路径或命名错误。这些问题通常可以通过详细检查配置文件、组件文件以及路径设置来解决。接下来,我们将逐一详细解释这些原因,并提供一些解决方案。 一、路由配置错误 路由...
没有正确配置路由出口:在Vue中,你需要在页面的组件中使用<router-view></router-view>标签来显示路由组件。确保在需要显示路由页面的地方添加了该标签。 没有正确导航到路由页面:如果你没有在代码中导航到路由页面,它将不会显示。在Vue中,你可以使用<router-link>标签或编程式导航()来导航到路由页面。 路由配置的...
<el-main> <router-view></router-view> </el-main> 在后台页面使用侧边菜单跳转到路径/#/user/add,页面显示成功,这是很正常的没毛病。 然后我在整第二个嵌套路由的时候就出问题了 // 首页页面的路由 index.js{path:'/',component:Home,redirect:'/home',children: [ {path:'/home',component: clinic...
第二种:将routes单独引入,在main.js中创建router实例main.js... 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 importVue from'vue' importApp from'./App.vue' importRouter from'vue-router' importroutes from'./router/index.js' Vue.config.productionTip =false Vue.use(Router) const router =...
//创建路由集合 const routes = [ { path: "/welcome", component: welcome } ]; //配置路由 const router = new VueRouter({ //在vue2.0中,路由集合的变量名必须是routes而不是routers,否则<router-v…
贴代码:想每次进一个路由的时候,改一下document.titleimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router) const router = new Router({ routes: [&nb
在代码中const声明的变量名必须为routes,千万不能写成别的,我全程就写了一手routers,导致router-view标签不渲染,结果浪费了一个小时排查错误。 应该是: // 创建一个路由器 constrouter=newVueRouter({ ...
在项目从vue2升级到vue3后,在开发时一切都很正常;在需要打包上线的时候;发现打包后的文件部署到nginx中router-view显示一篇空白;菜单都很正常显示,但是子路由就是无法显示; 我的router.js文件 在网上找到的…
router,render: h => h(App)}).$mount('#app');//默认跳转到 '/goods'router.push('/goods');这⾥/* eslint-disable */ 是eslint代码检查，不加这个⼜是会报错 app没有使⽤。以上这篇vue2.0 路由不显⽰router-view的解决⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个...