關於vue的$refs出現undefined

問題描述：

dom結構有

<el-row v-if='aComplete && bComplete'>
<el-row ref="myRef"></el-row>
</el-row>

你在aComplete的事件后增加了 

this.$nextTick(() => {
    // DOM 更新了
    console.log("0000")
    console.log(this.$refs["staffFormRef"])
    this.$refs["staffFormRef"].clearValidate();
});

仍然會出現undefined（因為bComplet可能還未是true）

解決方法：

1 v-if更改為 v-show

2 確保 a 和 b 都是complete再獲取該對象的操作

v-if 會導致 ref 某一個dom節點找不到