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

博客指出Vue页面每次打开需重新加载数据的问题,如总管理页更新数据后,详情页二次打开应加载最新数据,但将加载数据方法写在mounted里未执行。分析得知路由中created和mounted默认缓存,可在router.js中配置keepAlive: false关闭。给出两种解决方法,一是将处理方法放beforeCreate函数中,二是更改路由配置项。

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

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

问题解决方法

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


beforeCreate() {
    // 执行函数
this.$router.push("/mjxt/entranceguard"); // 直接跳转门禁页面
}


2.更改 该路由 router.js中的配置项

meta: {
  keepAlive: false
}

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值