Vue.js中this.$nextTick()的使用场景
Vue.js中this.$nextTick()的使用
参考文档:使用场景:
https://www.cnblogs.com/jin-zhe/p/9985436.html
https://blog.csdn.net/gaoxin666/article/details/96143571
this.$nextTick()
方法主要是用在随数据改变而改变
的dom应用场景中。vue中数据和dom渲染由于是异步的,所以,要让dom结构随数据改变这样的操作都应该放进this.$nextTick()的回调函数中。
created()使用方法时,dom还没有渲染,如果此时在该钩子函数中进行dom赋值数据(或者其它dom操作)时无异于徒劳,
【Vue.js中this.$nextTick()的使用场景】所以,此时this.$nextTick()就会被大量使用。
created()对应的是mounted()的钩子函数则是在dom完全渲染后才开始渲染数据,所以在mounted()中操作dom基本不会存在渲染问题。
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理