Как вызвать щелчок по элементу Dynami c в Vue. js?

Question

У меня есть динамически генерируемые вкладки с диапазоном времени (с 8:00 до 9:00). Я пытаюсь вызвать щелчок, когда текущее время находится в пределах диапазона. Я добавил ref, но получил unidentified.

<li v-for="(chore, index) in chores" :key="chore.id">
<a :ref="chore.time_from +'-'+ chore.time_to">Link</a>
</li>

и скрипт

created() {
    const me = this;
    this.axios.get(`api/chores/${this.$route.name}`).then(response => {
      this.chores = _.orderBy(response.data, "time_from", "asc");

      $.each(response.data, function(key, value) {
        if (value.time_from < me.getNow() && value.time_to > me.getNow()) {
          const i = value.time_from + "-" + value.time_to;

          const a = me.$refs.i; // **unidentified**
          console.log(a);
          a.click();
        }
      });
    });
  },

Answer 1

то, что я закончил, это pu sh ответ на функцию finally()

ref="chores"

и

.then(response => {
        this.chores = _.orderBy(response.data, "time_from", "asc");
        $.each(response.data, function(key, value) {
          if (value.time_from < me.getNow() && value.time_to > me.getNow()) {
            i.push(key);
          }
        });
      })
      .finally(() => this.$refs.chores[i].click());