this.$nextTick的使用方法

62 阅读1分钟

在写代码时常常会遇到执行顺序的问题,有的时候执行顺序和我们的逻辑有冲突,这时候就需要this.$nextTick了

例如:

在修改数据的时候,这个WangEditor回显数据,查看后发现,代码的执行时会在执行后自动把我们回显的数据修改,这时的需求是把我们执行的顺序放在修改代码之后,就可以避免这个错误。

image.png

image.png

解决方案:

this.$nextTick(() => { this.$refs.childComponent.html = this.rule.des })