Error in created hook: “TypeError: Cannot read property ‘xxxxxx‘ of undefined“

写Vue 的时候常遇到的错误之一

Error in created hook: "TypeError: Cannot read property 'xxxxxx' of undefined"

其大意是： 创建钩子出错：无法读取未定义的 xxx 属性。

此错误一般多出现在 created() 中， Vue 中数据渲染和DOM 元素渲染是异步的，此时可能会出现加载先后的问题。在DOM 元素渲染未完成的情况下，去操作DOM元素就会出现问题。this.$nextTick 可解决此问题。

具体 this.$nextTick 是如何解释和定义可参考官方文档

解决方法如下：

        this.$nextTick(() => {
          // 在此处执行你要执行的函数 
          
      });