vuejs报错

Question

报错如下：

想请教下这个是因为DOM节点没有找到的原因吗？

Answer 1

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例

<!-- `vm.$refs.p` will be the DOM node -->
<p ref="p">hello</p>

<!-- `vm.$refs.child` will be the child component instance -->
<child-component ref="child"></child-component>

---摘自vue官网
所以 你有没有在 子组件上注册 ref 属性

Answer 2

检查是否在组件挂载前就使用这个ref，这时候是访问不到。比如你在created，beforeMount里调用这个函数就会报错。在mouted里调用的话，要注意它是不是指向子组件，是的话也不保证子组件挂载完成的。如果非要在这些阶段使用，建议加nextTick。