Повторение элемента

212
26 августа 2018, 20:40

Почему, выводит цифры от 1 до 10, а не повторяет, то, что записано в свойстве n? Как сделать?

<div id="in">
        <span v-for="n in 10">{{ n }} </span>
    </div>
    <script>
        var vm = new Vue({
          el: '#in',
          data: {
            n: {
              firstName: 'Иван',
            }
          }
        })

    </script>
Answer 1

Используй index для дублирования, key также является обязательным во vue2.2.0+

<ul>
  <li v-for="index in 10" :key="index">
    {{ n }}
  </li>
</ul>

Подробнее тут Документация

READ ALSO
Код JS работает неправильно

Код JS работает неправильно

Нужно чтобы при загрузке страницы автоматически вызывалась функция JS и элемент плавно становился "видимым", вот что мне здесь посоветовали:

187
Вызов функции с аргументами в javascript

Вызов функции с аргументами в javascript

Изучаю javascriptЕсть такой код:

191
Как выполнить сложение со строкой? [закрыт]

Как выполнить сложение со строкой? [закрыт]

Как в данном случае можно произвести сложение? Сейчас результатом является строка

183