素材巴巴 > 程序开发 >

Vue中nextTick()的使用

程序开发 2023-09-08 17:07:36

vm.$nextTick([callback])

{Function} [callback]



 

在进行项目中,点击按钮实现组件放大或者缩小时

methods: {dealFullscreen(chartName) {this.fullScreenArr[chartName]=!this.fullScreenArr[chartName]this.$refs[chartName].screenAdaptor()}}

如果这样使用,在dom更新完成之前screenAdaptor函数已经调用过了,由于css还未调整所以调整失败。

这时候就需要用到nextTick(),在dom更新完成后再进行分辨率的适配。

 methods: {dealFullscreen(chartName) {this.fullScreenArr[chartName] = !this.fullScreenArr[chartName];this.$nextTick(() => {this.$refs[chartName + "_ref"].screenAdaptor();});}}

加了nextTick()以后,就可以在dom元素更新完成后再调用回调函数适配分辨率


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。