From d933ad51fe9d8ecad3f8726087b7777c4096e499 Mon Sep 17 00:00:00 2001 From: qiang Date: Fri, 29 Dec 2023 15:03:52 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E5=A2=9E=E5=8A=A0=20dom=20=E4=BD=BF?= =?UTF-8?q?=E7=94=A8=E6=B3=A8=E6=84=8F=E4=BA=8B=E9=A1=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/dom/README.md | 3 +++ docs/vue/README.md | 9 +++++++++ 2 files changed, 12 insertions(+) diff --git a/docs/dom/README.md b/docs/dom/README.md index 4dc5f7b3..21980229 100644 --- a/docs/dom/README.md +++ b/docs/dom/README.md @@ -249,3 +249,6 @@ DrawableContext 在调用 API 之后不会主动更新到画布上,需要主 ``` +## 注意事项 + +由于排版和渲染是异步的的,在修改 DOM 后,立刻使用 DOM 的同步接口获取 DOM 状态可能获取到的是排版之前的,如果需要及时准确的获取到排版之后的 DOM 状态需要使用 [uni.createSelectorQuery](../api/nodes-info.md) 。 \ No newline at end of file diff --git a/docs/vue/README.md b/docs/vue/README.md index 707dac09..6e0ece4c 100644 --- a/docs/vue/README.md +++ b/docs/vue/README.md @@ -62,6 +62,11 @@ export function createApp() { + +#### nextTick 使用注意事项 + +目前 nextTick 可以保证当前数据已经同步到 DOM,但是由于排版和渲染是异步的的,所以 nextTick 不能保证 DOM 排版以及渲染完毕。如果需要获取排版后的节点信息推荐使用 [uni.createSelectorQuery](../api/nodes-info.md) 不推荐直接使用 [Element](../dom/element.md) 对象。在修改 DOM 后,立刻使用 [Element](../dom/element.md) 对象的同步接口获取 DOM 状态可能获取到的是排版之前的,而 [uni.createSelectorQuery](../api/nodes-info.md) 可以保障获取到的节点信息是排版之后的。 + ## 响应式兼容性 ### 响应式: 核心 @@ -232,6 +237,10 @@ export default { +#### $nextTick 使用注意事项 + +目前 $nextTick 可以保证当前数据已经同步到 DOM,但是由于排版和渲染是异步的的,所以 $nextTick 不能保证 DOM 排版以及渲染完毕。如果需要获取排版后的节点信息推荐使用 [uni.createSelectorQuery](../api/nodes-info.md) 不推荐直接使用 [Element](../dom/element.md) 对象。在修改 DOM 后,立刻使用 [Element](../dom/element.md) 对象的同步接口获取 DOM 状态可能获取到的是排版之前的,而 [uni.createSelectorQuery](../api/nodes-info.md) 可以保障获取到的节点信息是排版之后的。 + ## 进阶 API兼容性 ### 渲染函数 -- GitLab