概念:
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
理解:
nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,dom渲染完毕后,自动执行该函数
应用场景:
showimg(row) {
this.url = row.staffPhoto
this.dialogVisible = true
this.$nextTick(() => {
QrCode.toCanvas(this.$refs.myCanvas, this.url, {
width: 200,
height: 200
})
})
}
// 简单粗暴的理解,需要把数据处理过两次以后的结果进行展示
// 比如上面的例子,先有照片的数据,需要再把照片转换成二维码进行展示,此时就需要等到视图更新完毕后在进行操作// 以上纯属个人见解,如有异议,以你为准