vue、element-ui 后台菜单切换重新请求数据

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

我们在做后台管理系统时，通常将数据请求挂载到created或mounted钩子中，但这样引发的问题是它只会被出发一次，如果不同菜单中数据关联性较大，切换过程中未及时更新数据，容易引发一些问题，这种情况下，我们可以使用activated函数。

以下为created()/mounted()与activated()区别：

created()/mounted()：在创建vue对象时，当html渲染之前/之后就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()/mounted()只会触发一次；

activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等。