diff --git a/docs/dom/README.md b/docs/dom/README.md index 4dc5f7b30859d7c89ff5c060661c2fd2eb0ccd0c..21980229be3d45f84fa6f70a0fc4ec8714457d4e 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 707dac09a4f25eee89997ab6ee7e1ef9e997da7b..6e0ece4c5edf145196297263c171a1f34e322fae 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兼容性 ### 渲染函数