vue.js $refs 偶尔为空

Question

一直刷新 情况下 this.$refs 偶尔会为空，
导致报错

这是偶尔为空的状态

这是正常状态

朋友们帮我看下呢

Answer 1

应该是组件还没有mount就调用了这个方法了， 你要在生命周期钩子里等组件 mount 然后才能调用这个方法

Answer 2

也可能是父组件通过ref调用子组件的方法，而子组件的方法里也用ref调用孙组件的方法
此时孙组件尚未mounted,所以会出现取不到问题
遇到这种情况在子组件里判断有木有ref有的话就调用孙组件方法没有就不处理（即孙组件的默认状态）
也可以在孙组件的mounted里面emit一个方法，让子组件去回调
我最近碰到的就是这个问题

Answer 3

dom更新后在执行？
试试
this.$nextTick(function() {

this.$refs.....

})