首页 > 编程知识 正文

vue 钩子函数,vue

时间:2023-05-04 13:18:51 阅读:29803 作者:3897

我最近在做前端后台管理系统项目,但是有一个问题一直没有解决。 可以首先单击页面上的“查看详细信息”按钮来渲染详细信息页面。 回来,进入第二次,钩子函数不执行。 网上这种问题的解决方法不多,一直没有解决。 今天终于解决了。 特别记录。

解决方法:

活动可以使用此挂接函数

以下是具体分析:

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中。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。