vue页面多次跳转同一页面更新数据

在Vue.js应用中,当需要根据URL的id参数动态更新子页面数据时,created和mounted钩子不适用,因为它们只在初次渲染时调用。文章提到可以利用activated和deactivated这两个Vue的生命周期钩子,前者在路由被激活时调用,后者在路由未被激活时调用,适合作为数据更新的时机。
摘要由CSDN通过智能技术生成

一、需求是这样的,从父页携带id跳到子页,同时可以回到父页携带另一个id跳回这个子页,我们想要每进入一次子页就使用url带来的id更新一次页面数据,那么常规的使用created以及mounted钩子调用数据接口显然不行,因为此时页面已经创建好了,不会再调用这两个钩子了,可以使用这两个:

activated () {
  console.log(‘实例被激活时使用,用于重复激活一个实例的时候’)
}
deactivated () {
  console.log(‘实例没有被激活时’)
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值