提交 d933ad51 编写于 作者: Q qiang

docs: 增加 dom 使用注意事项

上级 4a96116b
......@@ -249,3 +249,6 @@ DrawableContext 在调用 API 之后不会主动更新到画布上,需要主
</script>
```
## 注意事项
由于排版和渲染是异步的的,在修改 DOM 后,立刻使用 DOM 的同步接口获取 DOM 状态可能获取到的是排版之前的,如果需要及时准确的获取到排版之后的 DOM 状态需要使用 [uni.createSelectorQuery](../api/nodes-info.md)
\ No newline at end of file
......@@ -62,6 +62,11 @@ export function createApp() {
<!-- VUEJSON.general.compatibility -->
<!-- VUEJSON.general.example -->
#### 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 {
<!-- VUEJSON.component_instance.compatibility -->
<!-- VUEJSON.component_instance.example -->
#### $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兼容性
### 渲染函数
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册