Vue(router-link路径可以切换，但是router-view标签内容不显示)

最新推荐文章于 2024-08-21 10:38:24 发布

不爱吃垃圾的小王

最新推荐文章于 2024-08-21 10:38:24 发布

阅读量2.3k

点赞数 3

分类专栏：问题文章标签： vue javascript vue.js

本文链接：https://blog.csdn.net/KKGDGN/article/details/107518051

版权

今天下午跟着视频练习Vue,可是突然卡壳了，卡了好久，对着视频都没有问题，最后网上找的了原因，居然是单词写错了！！！坑爹呀！？！
第三行的单词routes写成了routers。记录一下。

//配置导出路由
export default new Router({
   
  routes: [
    {
   
      //路由路径
      path: '/content',
      //跳转组件
      component: C

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不爱吃垃圾的小王

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

el-menu+vue-router导航路由跳转

sinat_36227086的博客

08-20

1443

vue+elementui+vue-router使用el-menu实现导航路由跳转 1.element-ui.common.js:3383 TypeError: Cannot read property ‘push’ of undefined

路径可以切换，但是router-view标签内容不显示问题

qq_44209563的博客

12-21

5447

在写一个简单demo的时候，发现点击router-link标签以后，地址栏的路径已经发生改变，但是router-view标签的内容就是显示不出，而且没有报任何错误，配置步骤该有的都有了，然后坑爹的地方来了，发现竟然是自己单词拼写错误，在此记录下，顺便提醒下大家 export default new Router({ routes: [ { path...

3 条评论您还未登录，请先登录后发表或查看评论

vue3 RouterLink路由跳转后RouterView组件未加载，页面未显示，且控制台无任何报错

最新发布

ThisEqualThis的博客

08-21

505

在使用 vue3 开发项目过程中，组件之间使用 router-link 跳转，但是当我开发的组件跳转到其他组件时，其他组件的页面未加载，再跳转回自己的组件时，自己的组件也加载不出来了，浏览器刷新后页面可以加载出来。但是初始页面如果是其他组件，进行路由跳转就没有这个问题。在排除了路由逻辑以及没有其他任何页面报错的情况下，我蒙了。经多方搜索，然后终于让我找到了解决方法。注意：即便是被注释的代码，template 下也只能有一个根元素。原来是我的 index.vue 页面下的根元素有两个，而。

router-link可以跳转，但是router-view不渲染页面

weixin_45612718的博客

05-26

1318

记一次很愚蠢的错误错误：添加了router-view标签后，仍然不渲染页面，不显示页面内容通过上网查找，试了很多种不同的方法，很多人是因为routes写成routers导致不渲染，但是自己没有问题，经过检查路径，检查路由引入等各方面的内容，最终发现把组件的英文单词写错了错误写法：正确写法：组件这个单词写错不是第一次了，记录一下错误提醒自己 ...

router-link 地址可以改变，但是router-view不渲染

Celine

11-09

5605

1、看到这个标题百度，很多出现的问题都是单词拼写错误，比如export default new Router( { routes: [ { path：'\', component:home } ] })很多强调的就是上面的routes不能有错误,因为很多人写的时候哦会写成routers2、我的错误是因为当时用vue-cl

Vue-cli4项目打包后router-view中的内容不显示的问题解决

qq_38883889的博客

12-23

893

vue3或vue4 打包后无法显示页面router-view中的内容问题解决方案

【JavaScript源代码】Vue router-view和router-link的实现原理.docx

12-29

`<router-link>` 和 `<router-view>` 是 Vue Router 提供的两个核心组件，它们协同工作，实现了单页面应用(SPA)中的导航和视图切换。 **1. `<router-link>` 的实现原理** `<router-link>` 是 Vue Router 用于创建...

详解vue-router 2.0 常用基础知识点之router-link

12-09

在Vue 2.0中，`router-link`组件是用于创建导航链接的关键元素，它与`router-view`配合使用，实现了单页面应用(SPA)的页面切换。首先，我们来看`$route.params`。这是一个对象，存储了动态路径参数和全匹配片段。...

解决vue-router 切换tab标签关闭时缓存问题

10-15

在Vue.js应用中，使用Vue Router进行页面导航时，可能会遇到一些关于页面缓存的问题，尤其是在涉及切换Tab标签时。本文将深入探讨如何解决Vue Router切换Tab标签时关闭页面仍保持缓存的状态。首先，Vue Router中的...

vue中的router-view组件的使用教程

10-17

结合`<router-link>`组件，用户可以在不刷新整个页面的情况下，平滑地在各个视图之间切换，提高应用的用户体验。同时，Vue Router 提供的路由参数、命名视图等高级特性，使得路由管理更加灵活和强大。在实际开发中，...

vue部署到服务器路由为空,vue组件化部署到服务器router-view里边的内容为空

weixin_34259816的博客

08-09

547

使用vue-cli脚手架搭建的项目，本地都没有什么问题，执行npm run build压缩后把dist文件夹丢到服务器，控制台可以看到js和css都进来了并无报错，但是首页index.html里的router-view里的内容为空。如果只把dist里边内容放在根目录，没有嵌套dist这个文件夹的话又是可以的，一直想不通啊，请大神指点一二。这是首页的index.html的内容，js和css路径保证无...

＜router-view＞＜/router-view＞渲染空白,但没有任何错误提示

qq_45469341的博客

05-21

1547

渲染空白,但没有任何错误提示原因一：‘routes’写为’routers’ const routes= [{ //变量名是routes,而不是routers path: '/home', component: Home }, { path: ' /about', component: About } ] const router = new VueRouter({ // 配置路由和组件之间的映射关系

解决路由跳转时router-view不显示的问题

DangR_Jisoo的博客

03-06

4318

你可能会遇到点击<router-link>标签至跳转页面，但跳转页面，没有显示的问题，其原因可能是在index.js里创建的vuerouter对象里面的属性书写错误，其属性值是routes而不是routers //App.vue <template> <div id="app"> <router-link to="/home">首页</router-link> <router-link to="/about">关于&

你的router-view为什么不会显示？

m0_50546235的博客

11-29

1215

项目场景：使用router-view之后对应的组件并没有展示，页面空白原因分析：配置路由s 而不是配置路由器s 看看官方案例：

Vue路由跳转但显示空白页面