Статьи по теме v-for

Вопросы по теме 'v-for'

Я пытаюсь перебрать некоторые данные с разными категориями с данными, которые будут выглядеть примерно так: 10m -2017 --name: cup1 --file: file1.pdf --name: cup2 --file: file2.pdf -2016 --name: cup1 --file: file1.pdf...

499 просмотров

25.09.2021

V-for с вложенными объектами в массиве

У меня есть v-for в vue-bootstrap Card, который мне нужно заполнить свойствами массива объектов, которые я получаю через api. В шаблоне: <Card v-for="option in travelOptions" :key="option.id" :cardHeader="option.type | type"...

299 просмотров

javascript arrays object vue.js v-for

27.11.2021

Вложенный цикл в v-модель Vue JS

Я хочу собирать данные из ввода с помощью v-модели во вложенном цикле, но не знаю, как это сделать, потому что я новичок в Vue. Вот код для компонента: <div class="date-item" v-for="(day,index)...

24 просмотров

javascript loops vue.js v-model v-for

23.11.2021

VueJs // V-for с v-modal // Проблема обновления данных после нажатия кнопки

ОБНОВЛЕНО !!! Добавлен полный код компонента: входные данные отображаются с помощью цикла v-for. Список входных данных зависит от ответа API. Мне нужны кнопки «плюс» и «минус», чтобы изменить значение ввода. Я почти нахожу решение, но значение...

101 просмотров

vue.js vuejs2 v-for

29.12.2021

Невозможно увеличить / уменьшить значение свойства данных во Vue

Я новичок в Vue.js и столкнулся с простой проблемой реактивности Vue. Я пытаюсь увеличить или уменьшить значение свойства данных, а также обновить другое зависимое значение в режиме реального времени. Вот моя демонстрация кода:...

330 просмотров

javascript vue.js vuejs2 vue-component v-for

28.02.2022

Связывание фонов разного цвета с помощью цикла v-for

Я использую vuetify и пытаюсь перебрать объект javascript, содержащий различные шестнадцатеричные коды, которые я хочу применить в качестве фона. Конечный результат будет выглядеть примерно так: Я пытаюсь связать каждый шестнадцатеричный...

5773 просмотров

vue.js vuejs2 v-for

27.04.2022

Использование флага счетчика в цикле v-for

Я хочу использовать флаг счетчика в v-for внутри другого цикла v-for для подсчета общего запуска внутреннего цикла. Вот мой шаблон: <a :href="'#/product/'+list.id" :id="ikeyCounter" v-for="item,ikey in section.list" class="movie item...

195 просмотров

vue.js vuejs2 v-for

26.04.2022

Как перебирать вложенные объекты с помощью цикла v-for

Я работаю над некоторым практическим кодом, который имеет дело с информацией о карте, в котором вы можете отобразить подробную информацию о выбранной карте, щелкнув одну из карт на экране. Как показано на снимках экрана, если вы выберете одну из...

651 просмотров

vue.js v-for nested-object

29.06.2022

добавить класс в конкретный родительский div при щелчке по компоненту, созданному с помощью v-for

Я новичок в vuejs, вот что я хочу сделать: у меня есть список компонентов, каждый в div. Теперь, если я что-то сделаю с компонентом (то есть щелкну по нему). Я хочу добавить класс к родительскому div. Это то, что я делал до сих пор, код упрощен,...

62 просмотров

vue.js v-for

18.07.2022

Vue не может изменить атрибут во вложенном v-for

Я получаю массив объектов и добавляю к нему атрибут clicked=false , чтобы позже можно было добавить или удалить класс, используя vue bind и значение этого атрибута. Затем я превращаю этот массив объектов в объектную структуру, чтобы я мог...

64 просмотров

javascript vue.js vuetify.js vuejs2 v-for

22.07.2022

Как указать индекс массива в v-for в vuejs?

У меня есть массив цветов в моем состоянии vuex, и в моем компоненте я хочу указать каждый цвет для каждого элемента, который поступает из v-for. // state state: { APIData: { userInfo: {}, allClasses: [ { subject:...

34 просмотров

vue.js v-for

01.08.2022

VueJS: как отображать несколько элементов за цикл?

Мне нужно отобразить следующий список: <ul id="list"> <li class="type-1-0">some content</li> <li class="type-1-1">some content</li> ... <li class="type-99-0">some content</li> <li...

66 просмотров

vue.js v-for

23.08.2022

VueJS использует переменную v-for в качестве значения атрибута

У меня есть итеративный цикл, который использует v-for для массива объектов, который затем отображает элемент html li <li class="block" v-for="(section, key) in sectionDetails"> <a href="#" tabindex="{{ key }}">Item {{ key...

5261 просмотров

vue.js v-for tabindex

07.09.2022

Атрибут привязки цикла Vue v-for

Я пытаюсь понять, как это сделать в vue, я застрял, пытаясь привязать значение «выбранного» в параметрах. В приведенном ниже упрощенном коде я получаю именно то, что хочу, но только для первого продукта. Он правильно связывается с первым...

414 просмотров

vue.js v-for

12.09.2022

(Vue.js) Я хочу, чтобы изображение 1 появлялось, когда я нажимаю на изображение 1, и я хочу, чтобы изображение 2 появлялось, когда я нажимаю на изображение 2

Есть несколько изображений. Я хочу, чтобы изображение 1 всплывало, когда я нажимаю на изображение 1, и я хочу, чтобы изображение 2 всплывало, когда я нажимаю на изображение 2. Могу ли я решить эту проблему с помощью индекса в классе? Carousel.vue...

5063 просмотров

vue.js modal-dialog popup v-for

13.09.2022

Vue.js v-for не работает

Я пытаюсь использовать Vue.js, но у меня возникла проблема. Я слежу за учебником в Laracasts, но мой v-for не работает. HTML: <div id="root"> <ul> <li v-for="name in names" v-text="name"></li> </ul>...

10913 просмотров

html vue.js v-for

17.11.2022

vuejs v-bind: класс на v-для не обновления

есть этот код <span v-for="tag in ref.tags" @mouseenter="tag.pop=true;tag.adjust($event)" @mouseleave="tag.pop=false" > <span :class="tag.pop? 'ref-tag-pop' : 'tag'">@{{tag.name}}</span> <div...

1187 просмотров

javascript vuejs2 v-for

21.02.2023

Таблица Vue в одном цикле html

У меня есть массив с размерами обуви и количеством каждой из них в магазине, структура такая: array = { 36=>1, 37=>0, 38=>5, 39=>2 } В моей таблице ключи в этой таблице (здесь 36, 37 ...) - TH, а значение - TD....

12124 просмотров

vue.js html-table v-for

27.02.2023

vue.js v-для не обновления

Я новичок в Vue и столкнулся с чем-то, чего не очень понимаю: Сначала я извлекаю данные из БД, чтобы заполнить значение моих пользователей. Затем, используя содержимое этого пользовательского значения, у меня есть рекурсивная функция, получающая...

4586 просмотров

vue.js v-for

01.11.2022

Список Vue v-for не обновляется после изменения данных

Идея проста: экземпляр Vue загружает группы из API. Эти группы показаны с использованием синтаксиса v-for. Групповые данные отформатированы правильно и добавляются в app.groups с помощью функции .push, которая должна обновить список v-for....

1336 просмотров

updates vuejs2 v-for

11.06.2023