我最近在做前端后台管理系统项目,但是有一个问题一直没有解决。 可以首先单击页面上的“查看详细信息”按钮来渲染详细信息页面。 回来,进入第二次,钩子函数不执行。 网上这种问题的解决方法不多,一直没有解决。 今天终于解决了。 特别记录。
解决方法:
活动可以使用此挂接函数
以下是具体分析:
html部分
js部分
.
created :功能(
控制台. log (1) ) )。
(,
mounted :功能(
控制台. log (2)。
(,
激活的:功能(
控制台. log (3)。
(,
诊断:功能(
控制台. log (4)。
}
.
在哪个阶段获取数据
页面生命周期挂接是最常用的部分,如上面的代码所示。 需要注意这一部分。 引入keep-alive时,页面首先进入,挂接的触发顺序为created- mounted- activated,退出时触发deactivated。 再次进入(前进或后退)时,仅触发activated。
众所周知,在keep-alive之后,页面模板最初经过初始化分析成为HTML片段,然后再次访问时,将读取内存中的数据而无需重新分析。 也就是说,只有在数据发生变化时,才使用VirtualDOM进行diff更新。 因此,从页面获取的数据也应该放在activated中一份。 数据下载完成,手动操作DOM的部分也必须在activated中运行。
因此,应该在activated中保留用于获取数据的代码,或者不使用created部分而将created的代码直接转移到activated中。