router-view 不渲染

最新推荐文章于 2024-04-07 22:43:22 发布
最新推荐文章于 2024-04-07 22:43:22 发布
阅读量863 收藏
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27681677/article/details/129834436
版权

 一般做vue项目使用vue-router的时候，会突然发现router-view不渲染，并且没有报错的问题出现，会搞的一头雾水，寻找逻辑，文件命名及引入也没有什么毛病，大概率上就是很小的细节上我们给忽略掉了，以致找不到问题所在，一般情况下，很容易忽视的一个错误是routes写成了routers,另外一个呢，就是component写成了componets.（如上图红框所示的位置。）

 

姜纸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-router 中router-view不能渲染的解决方法
08-30
Vue Router 中 Router-View 不能渲染的解决方法 Vue Router 是一个基于 Vue.js 的官方路由管理器，它提供了一个灵活且强大的路由系统，可以帮助开发者快速构建单页面应用程序（SPA）。然而，在使用 Vue Router 时，...
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
10-17
<router-view v-if="$router.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$router.meta.keepAlive"></router-view> ``` 在路由配置中，通过设置`meta`字段的`keepAlive`属性为`true`，...
【大坑】router-view 无渲染，无报错
weixin_64210950的博客
10-18 1653
router-view 无渲染，无报错解决方案
Vue中使用router-view渲染不成功
weixin_56035334的博客
06-06 5405
在div中引入router-link标签实现路由的切换后，再在指定的位置使用router-view显示与 url 对应的组件，发现页面无法正常渲染。
router-view不起作用
最新发布
weixin_44787319的博客
04-07 291
【代码】router-view不起作用。
官方的js路由router
weixin_40945354的博客
02-09 1051
// 1. 定义路由组件. // 也可以从其他文件导入 const Home = { template: '<div>Home</div>' } const About = { template: '<div>About</div>' } // 2. 定义一些路由 // 每个路由都需要映射到一个组件。 // 我们后面再讨论嵌套路由。 const routes = [ { path: '/', component: HelloWorld }, { pa
router-view不渲染
zz18256889177的博客
05-27 1117
原因：将component写成了compontent 希望对你有帮助。 下面是过程，留待以后自己阅读，可不看 今天在写嵌套路由的时候，出现了一个很有趣的东西。 router-view不渲染。 编辑器没代码报错，浏览器也没有报错。 排查了一下，首先跟自己写的全局前置路由没有关系。 其次 浏览器插件里面显示 这个时候，大概就知道问题出在哪了，就是出在了路由上面，路由引入不正确。 首先查看main.js里面，发现正确引入了router。 其次就开始排查router文件，网上有讲将routes写成了router的
解决vue3router-view无法渲染以及在浏览器中router-link只能跳转地址无法显示页面
weixin_52036334的博客
02-26 682
vue3，router
router-view不渲染问题
qq_57126801的博客
09-26 467
router-view不显示
vue2.0 路由不显示router-view的解决方法
08-27
Vue2.0 路由不显示Router-View的解决方法 在Vue2.0中，路由是实现SPA（Single Page Application）必不可少的一部分。然而，有时我们可能会遇到路由不显示Router-View的问题。本文将分享一种解决这种问题的方法，并...
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
08-28
vue router 嵌套路由在 history 模式下刷新无法渲染页面问题的解决方法 一、问题描述 ---------------- 在使用 vue router 嵌套路由时，我们可能会遇到一个问题，即在 history 模式下刷新页面时，嵌套路由页面无法...
解决新增的vue页面不能通过router-view显示出来的问题
l_iu11的博客
03-01 1444
创建了一个vue新项目，TestView.vue是我新增的，其它是通过脚手架创建自动生的。TestVIew页面配置了路由，但是页面跳转的时候渲染不出来，不清楚是什么原因。TestHello // 要被引用一下否则会报错。msg: "hello 这是主页",hello 这是主页{{ msg }}求教呀~~~~~，请问有人知道为什么吗？最后testview就是不展示。
router-view未渲染数据的问题
qq_38304572的博客
12-12 1195
用vite方式创建了vue3.0的项目，过程中出现了router-view未渲染出数据的问题，控制台警告提示： 百度了这个问题，都是说的main.js引入router和绑定元素的顺序问题，然后查看自己的顺序，是对的: 后面调整如下代码，数据正常渲染到页面上了，大概就是因为createApp(App)两次生成了两个实例对象产生的问题： ...
router-link 地址可以改变，但是router-view不渲染
qq_36742720的博客
10-11 3718
这个问题困扰了我整整一天，没错，就是一天！苦思冥想，还以为是哪里缺少了包的导入，但是不管怎么调试，router-view就是显示不出来，更可怕的是，浏览器上居然不报错！！！ 后面终于还是妥协在csdn上找出了错误： export default new Router( { routes: [ { path：'\', component:...
router-view无法渲染的问题解决
javscp_q的博客
08-13 1554
问题：router-view无法渲染 之前用vue-router做单页面网页时，路由配置完毕后，地址栏正常跳转，但router-view无法正常渲染，而且如果手动刷新，router-view可以正常渲染当前页面，但之前渲染好的页面又会消失。路由配置如下： var Manage = { template:"#tplmanage" } var Borrow = { template:...
神坑，vue中 router-view 无法渲染的问题！！！！！！
qq_41929578的博客
11-04 5022
在创建路由实例对象时，路由规则数组是 routes 而不是 routers！！！！！！！！ //创建路由实例对象 const router = new VueRouter({ //routes是路由规则数组 routes: [ //每个路由规则都是一个配置对象，其中至少包含 path 和 component 两个属性 //path 表示当前规则匹配的 hash 地址 //component 表示当前路由规则对应要展示的组件,接收的是对象 {pat
初识vue（9）——如何解决 vue-router 的 router-view 渲染不出来 问题
小R.的博客
02-18 514
  不知为何，我的 vue-router 的 router-view 渲染不出来内容，找了半天最后发现是单词写错了。⊙▃⊙   注意下图所示的两个单词别写错了，我就是一不小心把 component 写成了 Component ，害得我找了半天。 ...
Vue3配置好路由之后出现页面无法渲染的问题
Ryan_202297的博客
04-06 553
vue路由使用页面无法渲染
router-view输出无法渲染
qq_44429079的博客
09-23 1512
router-view输出无法渲染问题 一开始觉得还蛮奇怪的，因为查到的方法是检查routes是不是错误写成router，这个错误也会导致无法渲染 后来发现不是： 解决办法：
router-view渲染规律
08-24
router-view 是 Vue Router 提供的一个组件，用于渲染匹配到的路由组件。它的渲染规律如下： 1. 在 Vue Router 的配置中，使用 `<router-view></router-view>` 标签来指定路由组件渲染的位置。 2. 当浏览器的 URL ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值