From f79ea826fa03396b88a33e1278457736c9ed49fd Mon Sep 17 00:00:00 2001 From: zhenyuWang <13641039885@163.com> Date: Thu, 19 Sep 2024 20:43:12 +0800 Subject: [PATCH] =?UTF-8?q?feat(activated):=20=E8=A1=A5=E5=85=85=20deactiv?= =?UTF-8?q?ated=20=E7=94=9F=E5=91=BD=E5=91=A8=E6=9C=9F=E5=A4=9A=E7=AB=AF?= =?UTF-8?q?=E5=B7=AE=E5=BC=82=E8=AF=B4=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/vue/composition-api.md | 10 ++++++++++ docs/vue/options-api.md | 10 ++++++++++ 2 files changed, 20 insertions(+) diff --git a/docs/vue/composition-api.md b/docs/vue/composition-api.md index ddf6a837..bd35d522 100644 --- a/docs/vue/composition-api.md +++ b/docs/vue/composition-api.md @@ -417,6 +417,16 @@ 如果需要获取排版后的节点信息推荐使用 [uni.createSelectorQuery](../api/nodes-info.md) 不推荐直接使用 [Element](../dom/unielement.md) 对象。\ 在修改 DOM 后，立刻使用 [Element](../dom/unielement.md) 对象的同步接口获取 DOM 状态可能获取到的是排版之前的，而 [uni.createSelectorQuery](../api/nodes-info.md) 可以保障获取到的节点信息是排版之后的。 +#### onActivated、onDeactivated 使用注意事项 @activated-deactivated-tips + +当 A 页面存在 `keepAlive` 组件，A 页面 `navigateTo` B 页面时 +- Web 端 A 页面中 `keepAlive` 的组件会触发 `onDeactivated` 生命周期 +- App 端 A 页面中 `keepAlive` 的组件不会触发 `onDeactivated` 生命周期 + +当 B 页面 back 返回 A 页面时 +- Web 端 A 页面中 `keepAlive` 的组件会触发 `onActivated` 生命周期 +- App 端 A 页面中 `keepAlive` 的组件不会触发 `onActivated` 生命周期 + 示例 [详情]() ::: preview diff --git a/docs/vue/options-api.md b/docs/vue/options-api.md index 6423b0ac..b77c90ef 100644 --- a/docs/vue/options-api.md +++ b/docs/vue/options-api.md @@ -151,6 +151,16 @@ 如果需要获取排版后的节点信息推荐使用 [uni.createSelectorQuery](../api/nodes-info.md) 不推荐直接使用 [Element](../dom/unielement.md) 对象。\ 在修改 DOM 后，立刻使用 [Element](../dom/unielement.md) 对象的同步接口获取 DOM 状态可能获取到的是排版之前的，而 [uni.createSelectorQuery](../api/nodes-info.md) 可以保障获取到的节点信息是排版之后的。 +#### activated、deactivated 使用注意事项 @activated-deactivated-tips + +当 A 页面存在 `keepAlive` 组件，A 页面 `navigateTo` B 页面时 +- Web 端 A 页面中 `keepAlive` 的组件会触发 `deactivated` 生命周期 +- App 端 A 页面中 `keepAlive` 的组件不会触发 `deactivated` 生命周期 + +当 B 页面 back 返回 A 页面时 +- Web 端 A 页面中 `keepAlive` 的组件会触发 `activated` 生命周期 +- App 端 A 页面中 `keepAlive` 的组件不会触发 `activated` 生命周期 + 示例 [详情]() ::: preview -- GitLab