У Vue, js $ refs не определены в консоли, но работают в $ nextTick. Почему консоль показывает значения, но возвращает неопределенные?

#javascript #vue.js #debugging #console

#javascript #vue.js #отладка #консоль

Вопрос:

Я немного смущен поведением $ refs в моем коде.

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

В первой строке показано e.код определяется как угол
Второй показывает $ refs.angle [0].значение существует

Но третий выдает эту ошибку: Не удается прочитать свойство ‘0’ неопределенного»

вот вывод:

введите описание изображения здесь

Если я запускаю этот код внутри this.$nextTick(() => {…}), он работает правильно.

Мой вопрос в том, почему консоль показывает и не определено для определенного значения?

Комментарии:

1. Где вы вызываете этот код, который обращается this.$refs ?

2. Это вложенный в forEach метод, вызываемый @change . Странное только для объекта. На другой не повлияла эта проблема. Обратите внимание, в моем коде я заменил «this» внутри цикла на клон этого.