vue 的nextTick的理解
2024-09-03 09:05:30
适用场景:
例如:你在DOM渲染之前对DOM进行了操作的话,这时肯定不会有效果,好比你在 vue 的生命周期 created 里面操作了DOM元素这时肯定不会有效果,
如果我们在 created 里面使用了 nextTick( callback ) 的话,在callback里面操作了DOM,这时就会有效果,为什么呢,其实 nextTick 就是等待DOM渲染之后进行的一个回调
vue dom更新方法:
dom更新:在vue中,你修改了data的某一个值,并不会立即反应到该ele中。vue将你对data的更 改放到watcher的一个对列中(异步),只有在当前任务空闲时才会去执行watcher队列任务。这就有一个延迟 时 间了。 2、当执行到$nextTick的时候,这是一个异步事件,他也会把这个事件放到一个队列当中,异步事件是 不会立即执行的代码,会被js处理器放到一个队列里,按照队列的顺序优先级等一个个按次序 执行, 新添加的事件都会放在队列末尾。所以,当第一个也就是data的修改执行渲染在页面之后,这个时候执行$nextTick,就肯定能获取dom的东
最新文章
- 在将 varchar 值 'xinpian' 转换成数据类型 int 时失败?
- wamp 配置遇到的问题
- 各个平台的mysql重启命令
- Centos配置网卡
- java对象存储管理
- NSNumber的使用
- Java:Object类
- 怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
- Android开发:自定义GridView/ListView数据源
- Dockerfile详解
- Oracle数据库知识要点
- python学习第22天
- vi编辑器使用记录
- project euler做题记录
- update_engine-DownloadAction(一)
- python列表与元组的用法
- php归档格式:phar文件详解(创建、使用、解包还原提取)
- MFMailComposeViewController发送邮件的实例
- (转)GANs and Divergence Minimization
- ETL面试题