Vuejs динамическая ссылка не определена - PullRequest
Новая
       7

Vuejs динамическая ссылка не определена

0 голосов
/ 02 июня 2018

У меня есть динамический список ввода из списка элементов: 

<ul>
  <li v-for="item in items">
    <input type="checkbox"
        :value="item._id"
        :id="item._id"
        :ref="item._id + '-checkbox'"
        @click="checkItem($event)"
    >
    {{ item.libelle }}
  </li>
</ul>

Как видите, я хочу связать :ref, динамически, с item._id
Это нормально, console.log(this.$refs) дает мне items._id конкатенации, как и ожидалось:

5b116f28f1167507d7fa2004-checkbox 5b116f28f1167507d7fa2005-checkbox 5b116f28f1167507d7fa2006-checkbox

проверяется, когда добавляется I 1013 * 1014массив.

Далее, в методе mounted() я хочу зациклить массив проверенных элементов и проверить входной элемент, используя их динамический ref: 

for (var i = 0; this.itemsChecked.length; i++) {
  var currentRefId = this.itemsChecked[i];      
  if (this.$refs[currentRefId + '-checkbox'] !== 'undefined') {
     this.$refs[currentRefId + '-checkbox'].checked = true;
  }
}

Я получаю ошибку:

vue.не работает в моем примере.

В другой фиксированной ссылке все работает нормально: 

this.$refs.mychecbox.checked = false
...