vue 路由能够跳转，但不显示内容

最新推荐文章于 2024-12-13 10:49:01 发布
原创 最新推荐文章于 2024-12-13 10:49:01 发布 · 579 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文介绍如何在Vue路由中添加<router-view>组件，确保页面跳转后能正确显示对应内容，无论导航至首页、关于页面或其他详情页。

<router-link to="/">首页</router-link> |

 <router-link to="About">About</router-link>

已经成功跳转 不显示每个页面的内容

需要加上

<router-view></router-view>

router-link里面文本不显示问题
jsmylo的博客
06-01 1910
一.项目里面在menu菜单栏使用ant-design的menu组件，在标签里面使用图标组件和router-link标签。在router-link里面写文本，不显示。二.看解决前和解决后 里面的插值根本不管用。
vue相同路由跳转强制刷新该路由组件操作
10-14
这将导致路由发生变化，但由于Vue Router仅比较路径和参数，而不考虑查询，组件不会被重新创建。因此，需要进一步处理。 2. **利用`key`属性** 在`<router-view>`标签上绑定一个动态的`key`值，这将使得每次路由...
vue页面不显示
weixin_48927323的博客
05-25 5360
-某个页面东西忘记了没写完......--哪里挂载vue上的什么东西干扰到。--检查路由配置，书写书否规范正确。页面死活不显示以及不报任何错误。--查找是否有中文路径。2.不要使用中文路径。
Vue项目配置都没问题，但是不显示内容
最新发布
weixin_57714644的博客
12-13 579
注意main.js中的配置，例引入vue，注意这行代码。删除项目，重新搭建一个新的Vue项目。
vue-router配置后，跳转路径显示正确但是跳转后没有内容
Bill_lalala的博客
11-15 1105
一般情况下是去看你所配置的router的.js文件,我这里是component写成了comment，改过来就能正常显示了。同时component的意思是用于指定一个路由对应的组件，当你在路由匹配时，Vue Router 将会渲染指定的组件到。就比如我点击Go to Home，链接显示的是自己所配置的路径，但是未显示内容。这个属性接受一个组件对象或组件的异步解析函数。还可以用components,来对应多个组件就比如。
【已解决】vue后台页面跳转无法正常显示
STATICHIT静砸的博客
12-04 1845
今天写后端，发现一个问题，我的其他页面之间都可以正常跳转显示，但是我的其中一个页面（简称U页面），我跳转到U页面时还可以显示，但之后点击其他页面就无法正常显示了（能跳转不能显示），前端后端也都不报错。找了很久也没发现问题。一开始还以为是我后台既使用了vue2的写法也使用的vue3的写法导致不兼容。然后突然就看了下浏览器报的警告查了一下，查到这篇博客，和我问题一样！vue3警告：Component inside renders non-element root node that cannot b - 掘金
解决vue+router路由跳转不起作用的一项原因
11-20
总结来说，当遇到Vue Router在`history`模式下路由跳转不起作用的问题时，除了确保在路由配置中添加`mode: 'history'`之外，还需要在服务器端进行适当的配置，以处理所有的URL请求。通过使用`connect-history-api-...
Vue实现路由跳转和嵌套
08-30
Vue 实现路由跳转和嵌套 在 Vue 中实现路由跳转和嵌套是非常重要的，今天我们将介绍如何使用 Vue 实现路由跳转和嵌套。首先，我们需要安装 Vue Router，使用以下命令安装：`cnpm i vue-router -D` ### 配置路由 ...
Vue路由切换页面不更新问题解决方案
10-15
如果在子组件中需要触发路由刷新，可以使用Vue实例提供的$nextTick方法来确保在组件状态更新后再进行路由跳转。具体实现可以通过在子组件中注入父组件提供的刷新方法，并在需要的时候调用。 此外，还可以考虑在路由...
vue配置路由，页面内容不展示
m0_52318340的博客
07-14 4370
代码】vue配置路由，页面内容不展示。
Vue 路由切换时页面内容没有重新加载的解决方法
12-29
第二次进入页面，页面路由参数已经改变，但是页面内容不会刷新。 问题原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。后来发现App.vue中使用了： keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。这就是问题所在了。 解决办法： 使用Vue组件切换过程钩子activated(ke
关于Vue使用element-ui组件时页面中无显示的问题及解决方法之一
Zj1357925的博客
10-23 1555
vue”: “^3.2.13”,//当前项目下Vue的版本为Vue3(2.xxx为Vue2；3.xxx为Vue3)一.在项目目录下的package.json文件中找到dependencies,查看当前项目Vue的版本。错误示例：以el-input输入框为例。重新启动项目即可，详情请移步。重新启动项目即可，详情请移步。浏览器页面中无输入框显示。
VUE中使用路由能够实现跳转却不显示内容
qq_44258878的博客
02-16 1812
VUE中使用路由能够实现跳转却不显示内容 使用VUE的时候，利用路由跳转界面的话，需要在Index.html加上一句代码 <rouer-view></rouer-view> 原本的index.html如下： <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont
关于使用路由跳转时，页面不呈现的问题，
m0_55557411的博客
04-09 906
关于使用路由跳转时，页面不呈现的问题，
vue-element-admin中添加路由不显示，让一些不需要展示的路由隐藏，但还是能访问到。
熟悉JS拼写的FE
09-20 2174
vue-element-admin中添加路由不显示，让一些不需要展示的路由隐藏，但地址还是能访问到。 前言:在使用vue-admin搭建后台，注册路由时，发现注册的每个路由都会被显示到侧边栏，如果需要隐藏一些不被显示的路由，但是能正常跳转,怎么办?看看这篇博客 只需要在隐藏的路由上加一个hidden :true 以上红框框住的就是我需要隐藏的，这是我在admin中操作路由遇到的一个小问题。 下面是以上图片路由部分运行的效果图: 解决了吗?有帮助的话点个赞吧 更多推荐：wan
router路由跳转但页面内容不显示
weixin_41618672的博客
02-02 704
新手入门vue3踩坑记录
vue项目切换页面白屏不显示解决方案
苦夏木禾
08-10 1311
页面切换后白屏解决方法
vue-router 路由嵌套显示不出来_Vue Router 基础（一）
weixin_39634876的博客
11-19 1367
Vue Router？ Vue Router是Vue.js的官方路由管理器，可以控制Vue单页应用的路由。如何快速上手？vue-cli脚手架自带Vue-Router依赖 新版的vue-cli脚手架中，默认default模式没有router依赖，请选择Manually select features后添加Router依赖后，选择History模式。vue-cli官网在HTML进行路由设置<el...
使用router-link，在浏览器后退之后，在点击跳转，URL变化，但是页面不刷新问题，解决办法
qq_39030777的博客
01-27 1338
在父组件中 <router-view :key="$route.fullPath"></router-view>
vue 子路由跳转不显示页面
07-27
可能有几个原因导致子路由跳转后不显示页面。以下是一些可能的解决方法： 1. 确保你已经正确配置了子路由。在 Vue 的路由配置文件中，确保你已经正确定义了子路由，并将其添加到父级路由的子路由数组中。 2. 检查...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值