vue切换路由页面内容没有重载

最新推荐文章于 2025-03-09 10:49:58 发布
转载 最新推荐文章于 2025-03-09 10:49:58 发布 · 384 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/knuzy/p/9783535.html
文章标签：

#javascript #ViewUI

在使用Vue.js进行Web开发时，遇到了一个常见问题：当在表单提交数据后，由于Vue的keep-alive特性导致数据未能在列表页即时更新。本文将介绍如何通过调整组件生命周期钩子从mounted()到activated()来解决这一问题。

项目中遇到这样一个问题：

在一个地方填了一个申请的表单，需要在另一个页面的列表上显示出来这条申请的数据，但是由于vue的缓存，在切换路由时列表上并没有及时更新数据，解决方法如下：

vue路由切换时页面内容没有重新加载

关于vue2.0路由开启keep-alive时需要注意的地方

把mounted()改成activated()就行了。（activated用于初始化页面数据等）

转载于:https://www.cnblogs.com/knuzy/p/9783535.html

VUE路由变更页面未更新问题
HCJS_Zee的博客
03-21 1549
VUE路由变更页面未更新业务需求实现方案遇到的问题问题定位以及解决 业务需求 在做一个管理用户账户下APP的网站，在主页需要切换应用APP的ID，来显示不同APP对应的数据，对不同APP进行操作。 实现方案 由于切换APP对应的是整个页面的更新，考虑通过将APPID直接作为URL参数，切换时，变更URL地址后的APPID，对应页面数据通过URL参数进行请求。此时需要维护一个全局变量存储这个APPI...
vue：如何应用路由监听或组件重载让登录状态保持
m0_46339022的博客
11-01 754
上一篇文章讲到了如何设计网页的微信扫码登录功能，这篇文章主要讲解如何应用路由监听或组件重载让登录状态保持。当页面发生切换时，我们希望已经登录好的用户状态能一直保留，这一功能通过路由监听或组件重载的方式都是可以实现的。那么开始啦~本篇文章主要讲解了如何应用路由监听或组件重载让登录状态保持。
vue下iframe标签页,切换标签页,iframe不重载
12-05
vue项目中一个模板组件，不同iframe的src地址，对应不同的路由，不同标签页，且切换标签页不重载。这种客户的要求是特例在网上没有，所以纯自行手码。由于项目在vuex保存了标签页，所以初次进入该组件时，调用了一次$store。思路很关键，看懂了可复用，熟悉vue的朋友酌情下载。
没有与此调用匹配的重载
最新发布
写完这行代码打球去的博客
03-09 837
在开发TypeScript项目时，可能会遇到“没有与此调用匹配的重载”错误。这个错误通常是由于函数或方法的参数类型不匹配引起的。本文将介绍该错误的常见原因，并分别从React和Vue项目的角度说明如何避免该错误。
vue 路由组件不重新加载
diaohuyi6830的博客
11-28 292
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.bootcss.com/vue/2.4.2/vue.mi...
Vue路由切换页面不更新问题解决方案
10-15
主要介绍了Vue路由切换页面不更新问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
【Vue3 源码解析】computed
小秀的博客
09-23 614
setter：修改计算属性的值getter：dirty 为 true 则 获取 computed 里 getter（函数式写法） 的返回值；dirty 为 false 则不执行effect： computed 里依赖数据发生变化，触发依赖更新，才会执行 effect 副作用，并将 dirty 设置为 true，从而触发 getter。
vue路由发送变化但是页面没有重载
05-01
Vue是一种现代化的JavaScript框架，可以...总之，解决Vue路由发送变化但是页面没有重载的问题，需要结合具体情况采取不同的解决方案。在开发过程中，需要注重对Vue官方文档的学习和理解，以便更好地运用Vue的各种功能。
Vue页面切换和a链接的本质区别详解
10-16
Vue-router的 `<router-link>` 和对应的路由配置使得Vue能够在切换页面时，仅对发生变化的部分进行渲染，避免了全局重绘，从而节省了大量的计算资源。 此外，Vue-router 还提供了其他优势，例如导航守卫...
vue3+ts watch函数报错没有与此调用匹配的重载。
heartbety的博客
03-23 3076
vue3+ts watch函数报错没有与此调用匹配的重载。
vue切换页面时内容没有重新加载
鱼儿的博客
06-21 4307
vue切换页面不mounted 两边页面切换，页面路由参数已经改变，但是页面内容没有刷新。 原因：在组件mounted钩子中调用的刷新页面内容，但测试发现这个钩子没有被调用。 禁用成员后恢复，页面切换，数据没有刷新 解决办法：使用Vue组件切换过程钩子activated。 ...
Vue切换路由时页面内容没有刷新（重新加载）
yuyang_z的博客
07-26 5856
最近在做关于vue的项目时，问题是这样的，发现在一个页面提交申请单（用localstorage存储的），需要在另一个页面查看提交的申请单的内容，这里涉及到路由的切换，但发现在申请单提交后，另一个页面并不会实时加载这个提交的内容。 查看了之后是App.vue中使用了<keep-alive> keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DO...
vue-router追加路由，重载当前页面
peade的博客
03-11 3207
在vue后台管理系统里，页面路由是根据后台返回的数据，动态生成的。一般会在路由守卫beforeEach进行一下路由权限处理。 vue-router里追加路由的方法是 addRoutes， 可以通过这个方法，动态追加后台权限给定的路由。 添加完路由后，直接走next() 进入页面，我们会发现，进入的实际上是一个空白页面。console.log路由信息时，我们会发现，追加进去的路由，并没有在里面。而实...
vue在父组件强制重载子组件的方法
qq_45393205的博客
03-21 1006
vue在父组件强制重载子组件的方法
vue组件重载
marko_zheng的博客
06-21 5427
Vue的组建重载 项目开发中遇到需要重载组件的需求，根据我自己的理解有3种方法 一、重新加载路由 相当于按F5 整个页面重载 location.reload();//js的方法 //重新替换当前路由 replace this.$router.replace({ path:"/index/main?name=name", name:"index" }); //go(0)刷新当前页 go(-1...
没有与指定类型匹配的重载函数C++构造函数
PlusChang的博客
10-18 9461
在类外定义类内声明的函数或者构造函数时，经常出现的错误，解决方案很简单： 完整的包含所有用到的头文件（如#include&lt;iostream&gt;）   问题成因： 由于编译器的编译顺序，有一部分定义未被包含的类型会被指定一个默认类型，而默认类型（一般是double）和类外定义时函数“本来该有”的类型“不同”。    ...
VueRouter 同一个路由（复用同一个组件） 页面不重新加载解决办法
吴冬雪的博客
12-07 4096
【代码】VueRouter 同一个路由（复用同一个组件） 页面不重新加载解决办法。
Vue 路由切换时页面内容没有重新加载
weixin_34075268的博客
11-28 390
为什么80%的码农都做不了架构师？>>> ...
ts没有与此调用匹配的重载
热门推荐
weixin_42630688的博客
03-04 2万+
这里param类型返回 string | string[], 而findByPk 方法入参类型定义中不包含string[] 的重载，所以编辑器报错，这里只要强制断言params.id 的类型为string就可以 或者
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值