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

本文探讨了Vue应用中遇到的问题:页面打开时需要重新加载数据。由于路由的默认缓存机制,详情页无法显示最新数据。解决方案是在`activated`钩子中调用数据初始化方法,或者在路由配置中设置`keepAlive`为`false`来禁用缓存。这两种方法都能确保页面每次打开时获取最新的数据信息。
摘要由CSDN通过智能技术生成

问题描述:页面每次打开,需要重新加载数据。比如在总管理页面更新了数据,那么在详情页二次打开的时候需要加载最新数据,把加载数据方法写在mounted方法里,却没有执行

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

问题解决方法

1.将要处理的方法,放在activated函数中

activated() {
    this.initSomething()
}


2.更改router.js中的配置项

meta: {
  keepAlive: false
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值