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元素更新完成后再调用回调函数适配分辨率
标签:
上一篇:
关于Pro AngularJS高级程序设计下载源代码
下一篇:
相关文章
-
无相关信息