vue报错Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'appendChild')"。vue等dom加载完成后在执行下面的操作

这种问题通常是因为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()
    })
  })
},