路由点击后url变化了但是没有展示内容（渲染页面）

最新推荐文章于 2021-11-02 10:17:36 发布
最新推荐文章于 2021-11-02 10:17:36 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： 前端 vue router
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46413795/article/details/104670005
版权
前端 同时被 3 个专栏收录
4 篇文章 0 订阅
订阅专栏
vue
4 篇文章 0 订阅
订阅专栏
router
1 篇文章 0 订阅
订阅专栏

1现在我还不知道渲染是啥意思……
2场景如标题，浏览器控制台报错如下
TypeError: Cannot read property ‘$createElement’ of undefined
3解决办法：main.js
错误级方法如图
4百度了一些这里容易出错的地方
链接: https://www.cnblogs.com/gping/p/9326652.html.

weixin_46413795
关注
专栏目录
使用路由导航守卫解决路由变化，页面不刷新的问题
WYQ1269551631的博客
08-26 1359
路由导航守卫 所谓的导航指的就是我们的路由变化，在许多时候经常遇到在请求接口，频繁切换路由地址的时候，路由地址变化了，但是页面并没有刷新，所有这个时候就可使用路由导航守卫解决页面刷新问题。 //在我们页面路由地址发生变化的时候，我们就在重新执行一次发送请求，来渲染页面传入想对应的动态参数。 beforeRouteUpdate(to,from,next){ //这里的this.getShop是将请求的接口封装成了一个函数，在解决问题的时候，可以直接写你发送请求的方法，但是为了代码的优化，所以可以直接封装
vue路由路径发生变化，但是页面不变
weixin_30888707的博客
08-06 6380
我遇到的问题：　　我设置了二级路由，在二级路由的二点击浏览器的返回按钮，整个页面的的路径发生变化，但是当前页面任然是二级路由二的内容。 我所了解到的解决方法有效的是： 　　在app.vue中监听路由控制app的刷新： 　　　　<div id="app" :key="appKey">...</div> 　　　 转载于:https://www....
vue router路由参数变化，路由地址没变化 ，页面不重新渲染，刷新问题
weixin_46211267的博客
11-12 7814
路由参数变化，地址没变化 ，页面不重新渲染，刷新问题 原因： 该路由对应的组件在 路由地址没有改变，会复用该组件，不会再重新创建该组件实例，所以对应的写在生命周期钩子函数中的异步请求代码就不会执行，页面也不会重新渲染， 解决方法： 方法一： 给对应的router-view 动态添加key属性，这样就不会出现路由参数变化页面复用的情况，代码如下: #router-view 代码 <router-view ：key="key"></router-view> #组件动态key属性 的值
解决vue路由后界面没有变化,但是链接有的问题
10-18
然而，在使用Vue Router的过程中，开发者可能会遇到路由切换后界面没有变化，但是地址栏的链接已经改变的问题。这种情况通常是由于路由配置或使用的代码实现不正确导致的。 首先，需要确认路由是否正确配置。在Vue ...
vue 解决路由只变化参数页面组件不更新问题
10-16
然而，在某些情况下，如果路由只变化了查询参数（即URL中`?`后面的部分），而路径本身保持不变，Vue Router默认不会触发组件的重新渲染，这可能导致页面组件不更新的问题。本文将深入探讨这个问题，并提供解决方案。...
解决vue 路由变化页面数据不刷新的问题
08-27
默认情况下，Vue Router会监听路由的变化，并尝试重新渲染组件以反映这些变化。然而，如果数据不是通过`props`传递或者在`data`选项中声明的，那么Vue可能不会自动获取或刷新数据。 问题描述： 在一个帮助页面，...
Vue 路由切换时页面内容没有重新加载的解决方法
10-18
在使用Vue.js开发单页应用程序（SPA）时，页面组件在路由切换时通常会重新渲染以显示新的内容。但有时候，用户可能会遇到路由切换时页面内容没有更新的问题。这通常与Vue的生命周期钩子函数和keep-alive组件使用不当...
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
10-18
通常情况下，当用户刷新页面时，如果当前的路由与之前的状态相同，Vue默认不会重新渲染页面，这可能会导致嵌套路由在页面刷新后不更新的情况。为了解决这个问题，开发者可以采取多种方法来确保嵌套路由在刷新后能够...
【已解决】Vue动态路由跳转子组件后显示路径正确，但页面不显示内容
haohaoxuexiyai的博客
12-25 3808
细节解决成败，一个小疏忽就会导致花费大量的时间去定位BUG： 问题：如题，控制台没有报错 分析：动态路由写的没问题，大概是问题出在路由寻址时找不到具体的组件 解决：根据分析定位问题可能出在路由表上，仔细检查一下路由表，发现动态路由的参数没加，解决如下图： 加上尾巴上的参数:id，成功跳转显示相应内容 ...
问题：Umi UI 区块无法预览解决方式
sinat_33248260的博客
06-17 3719
Umi UI 区块无法展示解决方式 F12查看log 发现报错都是https://raw.githubusercontent.com 开头的文件 百度了一下 说是域名被DNS污染了，具体啥意思我也不太明白 ￣□￣｜｜ 解决方法：修改host配置文件 hosts地址：C:\Windows\System32\drivers\etc 在hosts下增加 如下代码让raw.githubusercontent.com 指向 ip为 151.101.64.133 的url 最后刷新Umi..
路由地址写对，但是页面显示不出来
weixin_39537054的博客
12-04 687
检查app.vue，是否加上了跳转。
vue-入坑--嵌套路由 导致 页面跳转 为空问题（子页面内容不显示）
lzhzlm的博客
06-06 8413
vue-入坑–嵌套路由导致页面跳转为空问题（页面不显示内容） 遇到的问题 使用嵌套子路由切换页面，地址栏有变化，但是子页面内容没有显示（一片空白）。 上代码~~ 嵌套子路由代码 src->router->index.js //... import Detail2 from '@/components/Detail2' import Details from '@/components/Details' //... export default new Router({ // 去掉 http
动态子路由跳转成功，页面没有成功渲染
vicky_yongqi的博客
10-22 1544
这里是动态子路由跳转成功 明明链接都成功显示到子路由id，页面没有成功渲染。 仔细看代码原来是路由的index.js写错了。 错误代码： 这次的子路由是动态的，id前面少了“ : ”。所以跳转是正常的，而没有渲染。 正确代码： ...
router-link 地址可以改变，但是router-view不渲染
Celine
11-09 5602
1、看到这个标题百度，很多出现的问题都是单词拼写错误，比如export default new Router( { routes: [ { path：'\', component:home } ] })很多强调的就是上面的routes不能有错误,因为很多人写的时候哦会写成routers2、我的错误是因为当时用vue-cl
vue中的路由跳转了，url改变，但是页面为空白，没有到达指定文件
热门推荐
m0_47265814的博客
05-25 2万+
问题描述： 初始路径 跳转之后： 然后当前页面全白了，到了一个空页面 如果输入一个没有对应文件的url时也会出现这种情况，比如： 我的目录下并没有mycollect文件 我的路由书写过程： 1.在router下的index.js中声明路由 const myinterest = () => import('@/my/myinterest') 2.还在该文件下注册路由 { // 这是链接上的显示路径 path: '/myinterest', componen
Vue路由页面跳转后不显示界面的问题
风不知从何处起的小屋
12-04 9462
1.首先检查是否配置了 2.检查关键字是否有错误，首先检查名字的大小写，然后检查关键字是否出错 着重检查:路由的配置界面，component关键字和routes 【将routes误写成了router ----》这个错误经常出现，引起重视！！！】 ...
Vue路由跳转成功，但跳转组件的内容无法显示
黑手黛博拉的博客
11-02 991
是routes，不是routers
vue路由发送变化但是页面没有重载
最新发布
05-01
Vue是一种现代化的JavaScript框架，可以...总之，解决Vue路由发送变化但是页面没有重载的问题，需要结合具体情况采取不同的解决方案。在开发过程中，需要注重对Vue官方文档的学习和理解，以便更好地运用Vue的各种功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值