this.$nextTick的用法

89 阅读1分钟

this.nextTick将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。在实际开发中,出现了一个问题,当在一个页面上切换某个规格,则其对应的属性会跟着改变,也就涉及了dom的更新。而我需要获取切换后的dom中数值,在代码中由于没有使用this.nextTick将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。 在实际开发中,出现了一个问题,当在一个页面上切换某个规格,则其对应的属性会跟着改变,也就涉及了dom的更新。而我需要获取切换后的dom中数值,在代码中由于没有使用this.nextTick,所以导致没有获取到更新后的数据,报错了。所以,当切换规格属性后,对应的dom更新,在dom更新后才能获取到dom中的数值。

image.png

image.png