Vue组件返回上一页时，activated生命周期如何避免重复请求数据？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1173个文字，预计阅读时间需要5分钟。
activated: 英文原意：激活、激活、启动；在Vue的生命周期函数中，这个好像用得挺多的（也许只在我工作中用得比较多，或者可以说是几乎不用）。一、需求；前不不久在项目中遇到...
activated: 英文原意：使活动、触发
在Vue的生命周期函数中，这个好像用的不是特别多？（也许只是在我的工作中这个用的不多，或者说叫几乎不用这个）
一、需求
前不久在项目中有这样一个需求：
在订单页面的地址信息栏，默认通过接口填充了一个已经设置过的一个的默认地址，现在要跳转去地址列表重新选择一个地址并回填到订单页面的地址信息位置
二、尝试
常规操作：
我们通常会将通过接口请求数据的方法放在==created== 或者 ==mounted==这两个生命周期中的一个里面调用。
但是我们知道，不管是我们刚进入这个页面还是从其他页面返回这个页面，这些生命周期都会走一遍。
问题：
所以，即使你跳转到下级页面选好你所需的数据返回上一页时，你所回填的数据又被从接口请求回来的数据给覆盖了。。。
本文共计1173个文字，预计阅读时间需要5分钟。
activated: 英文原意：激活、激活、启动；在Vue的生命周期函数中，这个好像用得挺多的（也许只在我工作中用得比较多，或者可以说是几乎不用）。一、需求；前不不久在项目中遇到...
activated: 英文原意：使活动、触发
在Vue的生命周期函数中，这个好像用的不是特别多？（也许只是在我的工作中这个用的不多，或者说叫几乎不用这个）
一、需求
前不久在项目中有这样一个需求：
在订单页面的地址信息栏，默认通过接口填充了一个已经设置过的一个的默认地址，现在要跳转去地址列表重新选择一个地址并回填到订单页面的地址信息位置
二、尝试
常规操作：
我们通常会将通过接口请求数据的方法放在==created== 或者 ==mounted==这两个生命周期中的一个里面调用。
但是我们知道，不管是我们刚进入这个页面还是从其他页面返回这个页面，这些生命周期都会走一遍。
问题：
所以，即使你跳转到下级页面选好你所需的数据返回上一页时，你所回填的数据又被从接口请求回来的数据给覆盖了。。。