vue2.0中router-view不能渲染

最新推荐文章于 2023-03-21 17:19:15 发布
最新推荐文章于 2023-03-21 17:19:15 发布
阅读量2.1k 收藏
点赞数 1
分类专栏： 错误 vue 文章标签： vue error
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Vicki_/article/details/80010026
版权

路由js文件

页面js文件

页面vue文件


一直看了很久，路由都已经配置好了，也不报出错误，页面就是什么都不显示，一片空白

原来是创建new Router时候routes写错了，routes写错会导致组件都没有传进去


vue-router开发文档

Vicki_
关注
专栏目录
vue-router 中router-view不能渲染的解决方法
08-30
本篇文章主要结合了vue-router 中router-view不能渲染的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
问题：vue-router 中router-view不能渲染【已解决】
weixin_37702998的博客
12-08 3088
router-view不能渲染 通过网上查阅资料发现：
vue-router页面不渲染
Blank_空白丶的博客
09-29 711
错误：无报错，存页面不显示 原因：这时候一般就是某部分的细节拼写不正确，如配置项等 我的原因： //向外默认暴露路由器对象 exportdefaultnewVueRouter({ mode:'history', routers, }) 明眼人都看出来了吧 顺手多加了个，这里应该是路径的复数，而不是路由器复数 修改后： //向外默认暴露路由器对象 exportdefaultnewVueRouter({ mode:'history', rou...
router-view无法渲染的问题解决
javscp_q的博客
08-13 1618
问题：router-view无法渲染 之前用vue-router做单页面网页时，路由配置完毕后，地址栏正常跳转，但router-view无法正常渲染，而且如果手动刷新，router-view可以正常渲染当前页面，但之前渲染好的页面又会消失。路由配置如下： var Manage = { template:"#tplmanage" } var Borrow = { template:...
初识vue（9）——如何解决 vue-router 的 router-view 渲染不出来 问题
小R.的博客
02-18 539
  不知为何，我的 vue-router 的 router-view 渲染不出来内容，找了半天最后发现是单词写错了。⊙▃⊙   注意下图所示的两个单词别写错了，我就是一不小心把 component 写成了 Component ，害得我找了半天。 ...
vue2.0 路由不显示router-view的解决方法
08-27
Vue2.0 路由不显示Router-View的解决方法 在Vue2.0中，路由是实现SPA（Single Page Application）必不可少的一部分。然而，有时我们可能会遇到路由不显示Router-View的问题。本文将分享一种解决这种问题的方法，并...
vue中的router-view组件的使用教程
10-17
`<router-view>`组件是Vue Router的核心组件之一，它在Vue应用程序中充当了一个占位符，用于动态渲染匹配到的路由组件。当我们配置好路由规则后，`<router-view>`会根据当前激活的路由路径来决定渲染哪个组件。 ...
vue-router 中router-view不显示的问题
qq_44800427的博客
10-23 5810
vue-router 中router-view不显示的问题 在编写router的时候components总是写成component导致没有报错没有显示，白白浪费时间找文件路径等问题。
vue-router的router-view不能渲染;vue2.0中遇到的路由上的一些坑
will5451的博客
05-08 1万+
答案对人有帮助，有参考价值 0 答案没帮助，是错误的答案，答非所问 试一下在App.vue中的mounted钩子中加载默认route [rootVue].$router.push('/foo'); [rootVue]必须替换成指向你的Vue实例 1月5日回答 评论  编辑 答案对人有帮助，有参考价值 0 答案没帮助，是错误
vue使用路由router-view
最新发布
HYNN12的博客
03-21 7087
vue router router-view
Vue中的router-view解释
热门推荐
学习学习学习
07-17 18万+
在我们创建项目的时候，可以自然而然的发现，那就是在app.vue这个页面里面存在一个<router-view>的tag标签。通过它，我们点击链接，即可显示出Vue的HelloWorld.vue页面。 那么，到底是什么让HelloWorld.vue页面显示出来，并且它的路由途径和特点呢？ 下面就一一来解释一下： 本质，RouterView【命令视图】和Router...
vue项目怎么渲染出带路由的页面
m0_60622481的博客
04-18 1364
效果图： 左侧导航栏就是带路有的页面！ 使用element-UI实现： 代码部分： 路由部分： import Vue from "vue"; import Router from "vue-router"; import Login from '../views/login' import Layout from '../components/Layout.vue' import Home from '@/views/home/Home.vue' import User from...
router-view渲染数据失败
weixin_50877185的博客
05-18 288
以下截图均为正确情况（可渲染出来）前两种情况均为网上其他答案，仔细对比过后并没有犯同样错误， 第一种情况 粗心单词拼写错误 注意routes component 第二种情况 结构错误 第三种情况 没有导出 相似的没有导入 ...
Vue服务端渲染-路由相关
qq_42880714的博客
07-24 338
ssr路由
router-view输出无法渲染
qq_44429079的博客
09-23 1528
router-view输出无法渲染问题 一开始觉得还蛮奇怪的，因为查到的方法是检查routes是不是错误写成router，这个错误也会导致无法渲染 后来发现不是： 解决办法：
router-link 地址可以改变，但是router-view不渲染
qq_36742720的博客
10-11 3772
这个问题困扰了我整整一天，没错，就是一天！苦思冥想，还以为是哪里缺少了包的导入，但是不管怎么调试，router-view就是显示不出来，更可怕的是，浏览器上居然不报错！！！ 后面终于还是妥协在csdn上找出了错误： export default new Router( { routes: [ { path：'\', component:...
Vue路由History mode模式中页面无法渲染的原因及解决
{{ Coding enjoy }}
07-08 7万+
Vue下路由History mode导致页面无法渲染的原因用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。一般开发的单页应用的URL都会带有#号的has
router-view不渲染
zz18256889177的博客
05-27 1150
原因：将component写成了compontent 希望对你有帮助。 下面是过程，留待以后自己阅读，可不看 今天在写嵌套路由的时候，出现了一个很有趣的东西。 router-view不渲染。 编辑器没代码报错，浏览器也没有报错。 排查了一下，首先跟自己写的全局前置路由没有关系。 其次 浏览器插件里面显示 这个时候，大概就知道问题出在哪了，就是出在了路由上面，路由引入不正确。 首先查看main.js里面，发现正确引入了router。 其次就开始排查router文件，网上有讲将routes写成了router的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值