vue路由第二次进入页面created和mounted不执行

最新推荐文章于 2024-05-06 15:16:12 发布

她和海水一样咸

最新推荐文章于 2024-05-06 15:16:12 发布

阅读量3.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_40250507/article/details/120972656

vue 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了Vue路由的缓存管理，包括如何在router.js中通过`keepAlive:false`关闭页面缓存，以及通过组件的`meta`属性设置`keepAlive`来控制。同时，讲解了使用`activated`钩子函数实现每次进入页面时执行特定方法，确保关键操作在每次访问时都执行。总结了`keep-alive`在路由跳转中的应用，以及`created`和`mounted`生命周期钩子与`activated`的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为路由中created和mounted默认会进行缓存的，除非在router.js中配置：keepAlive: false；这样是把这个页面的路由缓存给关闭了；true为开启，false为关闭；

meta: {
  keepAlive: false
},

还有一种办法就是使用activated钩子就可以了

1、将要处理的方法，放在activated函数中

总结

1、router-view路由跳转使用keep-alive方式
2、created和mounted只执行一次
3、使用activated钩子，每次进入页面执行一次

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

她和海水一样咸

关注关注

3
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue第 22 篇，Vue中的created和mounted函数不生效（created函数不生效，mounted函数不生效，created和mounted不管用）

NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.csdn.net）

12-16

6278

⭐1、keep-alive缓存问题导致（当使用keep-alive的时候，页面第一次进入时，钩子函数的触发顺序created -> mounted -> activated，退出时触发deactivated。当再次进入（前进或者后退）时，只触发activated）；2、created和mounted函数写了两个或多个问题导致;

VUE 返回上一页不刷新页面、重复进入同一页面created重复执行、每次进入页面时都执行created、vue单页面多路由，前进刷新，返回不刷新

夜阑珊妖妖

04-05

6455

每次进入页面时都执行created、前进刷新，返回不刷新思路：利用 keep-alive与vue-router配合使用，判断哪些页面需要每次进入刷新，哪些页面不需要每次进入刷新； keepAlive: true // 不需要每次进入刷新代码： app.vue <div id="app"> <!-- <div id="nav"> <r...

参与评论您还未登录，请先登录后发表或查看评论

vue 页面回退mounted函数不执行的问题及解决方法

weixin_30530339的博客

08-28

4556

前言最近做项目碰到一个很头大的问题--从a页面跳到b页面进行编辑，编辑完再返回a页面，却没走a页面的钩子函数mounted，数据没有更新经过一番面向百度研究，终于找到了问题所在。接下来就记录一下这个问题及其解决的方法。原理其实这个问题主要涉及到vue生命周期，对vue生命周期理解不够深刻的同学可以去官网学习一下：https://vuejs.org/v2/api/#O...

Vue路由第二次进入页面后created和mounted不执行

weixin_65915562的博客

07-18

2570

通过以上方法，可以确保在Vue路由中多次进入同一个页面时，导航守卫来确保在路由进入组件之前执行相应的代码。导航守卫：在组件定义时，通过。钩子函数都能被正确执行。

VSCode 开发Vue必备插件

2301_78416672的博客

05-06

882

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！

vue 子组件 created 方法不执行问题

热门推荐

小米粒的博客

05-10

2万+

近期做了一个项目里面有一个树形菜单，将数据写在 js （死数据）中,所有的东西都能够正常执行（i 标签，子节点，父节点），但是当在请求接口文件或者请求后台数据的时候，发现引入的子组件的created方法不执行，但是点击父级菜单展开时还是能够触发，后来发现是生命周期的问题，仔细查看一下，后来解决解决方法如下：用watch 检测一下data的数据变化，created方法既然在点击的时候执行，所以...

vue 路由子组件created和mounted不起作用的解决方法

10-16

在这个问题中，开发者遇到了在路由子组件中`created`和`mounted`钩子函数不触发的情况。通常，这些生命周期钩子在组件实例创建和挂载到DOM时会被调用，但当涉及到路由跳转和`keep-alive`缓存策略时，可能会出现异常...

vue 页面回退mounted函数不执行的解决方案

10-15

总的来说，理解和掌握 Vue 的生命周期以及 `keep-alive` 的工作原理，对于解决页面回退时数据不更新的问题至关重要。通过使用 `activated` 钩子和适当的数据监听，可以确保组件在回退时能够正确地更新和展示数据。在...

vue mounted 调用两次的完美解决办法

10-17

总的来说，当遇到 `mounted` 被调用两次的问题时，需要深入理解 Vue 的工作原理，通过排查和优化代码来解决问题。记住，正确的使用 Vue 的生命周期和模板指令，可以帮助我们编写更高效、更稳定的代码。同时，持续...

解决vue做详情页跳转的时候使用created方法数据不会更新问题

10-15

在使用Vue.js开发详情页跳转功能时，开发者可能会遇到一个常见的问题：在详情页中使用Vue的生命周期钩子created或mounted方法时，数据更新似乎不会发生。这通常是因为Vue在进行页面跳转时，不会刷新整个页面，而是...

vue 在进入某一个页面的时候，created方法不执行，----亲测，通俗易懂

梁同学与Android

09-29

1万+

今天在写vue项目的时候遇到了这样一个问题当我点击某一个二级菜单的时候会进入到相应的页面，但是这个页面的created方法不执行代码如下： data(){ return{ uploadData: { userId: '123', } } }, methods: { resetEditFrom() { this.editForm = {} }, created() { console.log("come in...

vue 导航跳转created不执行，页面不刷新的解决办法

费马程序猿的博客

07-19

7576

当页面点击跳转详情请求在created中只执行第一次。创建后有缓存，关闭后也不会再执行created（具体是否有缓存可根据keepAlive和跳转路径进行判断）解决方案：修改created为activated created() { this.getList(); }, 改 activated() { this.getList(); }, 来源于简书--------地址 ...

vue重新进页面重新加载mounted或者created中的内容

m0_61177996的博客

03-13

3507

vue重新进页面重新加载mounted或者created中的内容

Android项目入口页面设置

2401_84446919的博客

04-28

735

项目中：AndroidManifest.xml中此段代码放置在哪个activity标签中则哪个activity为入口。11，transform、translate、transition 分别是什么属性？14，对前端性能优化有什么了解？13，javascript 的垃圾回收机制讲一下,6，DOM 事件有哪些阶段？5，两栏布局，左边固定，右边自适应，左右不重叠。10，ES6 的 class 和构造函数的区别。2，如何实现一个最大的正方形。3，一行水平居中，多行居左。1，判断 js 类型的方式。

Vue关于路由第二次进入页面后created和mounted不执行问题

DJZDQQ的博客

07-25

5661

created和mounted不执行问题

vue2在mounted方法里第一次加载页面拿到路由参数