#vue.js
#vue.js
Вопрос:
Кажется, я не могу найти синтаксис для перебора моих элементов и присвоения каждому «li» класса, соответствующего индексу. Как это делается?
<li v-for="(item, idx) in items class="idx"">
</li>
Комментарии:
1. Вы хотите
:class, нетclass. И вы хотите исправить"размещение своей метки.2. Однако это не работает..
Ответ №1:
Я думаю, что это было бы наиболее читаемым (добавлен префикс, потому что класс не может начинаться с числа).
<li v-for="(item, index) in items" :class="[`index--${index}`]"></li>
Также с использованием массива, потому что это всегда казалось мне странным.
:class="`index--${index}`"
Комментарии:
1. У меня это не сработало, мне пришлось поменять
itemместами иindex:v-for="(index, item) in items".2. Раньше в Vue 1 был такой порядок, начиная с Vue 2.
3. Я использую Vue 1, если это имеет значение. Vue 1 docs для
v-for(index, item)синтаксиса предложений тоже v1.vuejs.org/guide/list.html#v-for