javascript - Vue,js 在控制台中未定义 $refs，但在 $nextTick 中有效。为什么控制台显示值但返回未定义？

Question

我对代码中的 $refs 行为有点困惑。

      console.log("> Value "+e.code);
      console.log(them.$refs)
      val = parseInt(them.$refs[e.code][0].value);

第一行显示 e.code被定义为角度 第二行显示 $refs.angle[0].value 存在

但第三个收到此错误： 无法读取未定义的属性“0”

这里的输出：

如果我在 this.$nextTick(() => {...})中运行此代码，它可以正常工作。

我的问题是为什么控制台显示和未定义的定义值？

标签： javascriptvue.jsdebuggingconsole