vue报错Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'appendChild')"。vue等dom加载完成后在执行下面的操作 电脑版发表于:2022/10/12 22:13 这种问题通常是因为dom还没有生成就去操作节点了。比如我们使用vue生成二维码,需要放到要给动态生成dom后的节点里边,但是dom还没有生成好就去调用生成方法了就会报这个错。解决这个问题我们可以使用vue的nextTick方法。 **比如在mounted中去使用** ``` mounted() { this.$nextTick(function () { this.creatQrCode(); }) } ``` **但是如果是在mounted中去使用nextTick,时机也不一定对,所以建议还是放到对应的那个接口数据返回回来之后在去使用。** ``` laodLabOption() { const _self = this this.$http.get('/labroom/api/CourseInfo/GetLabClassTreeToPreViewByID', { labid: this.$route.query.labClassID }).then(res => { _self.labOpton = res.data _self.$nextTick(function() { //这里去调用生成二维码的方法 this.creatQrCode() }) }) }, ```