Вопросы по теме 'v-for'
Запишите выражение привязки данных VueJS в href тега ‹a›
Я использую VueJS 2.0 с Laravel 5.3. У меня есть данные массива Vue (например, items ). Теперь я хочу отобразить эти данные в таблице с помощью v-for . В таблице есть кнопка для перенаправления страницы на страницу сведений об элементе. Для...
2022 просмотров
schedule
20.04.2023
Vue.js v-for цикл из ключа объекта и вложенного массива
У меня есть сложный цикл v-for внутри другого v-for. В основном отображает список вопросов и список ответов на этот вопрос. Я планирую получить ключ для вопроса и использовать его в качестве ключа для grouped_answers.
Цикл v-for выглядит...
32638 просмотров
schedule
01.08.2022
Альтернативные классы Vue в v-for
У меня есть массив (история), который выталкивает два элемента каждый раз, когда нажимается кнопка. Эти два элемента должны иметь разные стили CSS при печати.
HTML
<ul class="info">
<li :class="{ 'style-one' : toggle, 'style-two'...
11395 просмотров
schedule
26.09.2022
Как обновить DOM, когда в объекте, отображаемом v-for, происходят изменения?
Я использую v-for для отображения списка на основе массива объектов.
<ul>
<li v-for="category, i in categories"
:class="{active: category.active}"
@click="changeCategory(i)">
<a>{{ category.service_type_name...
3481 просмотров
schedule
02.02.2022
Неопределенное поведение с v-for и пользовательскими компонентами
Во-первых, извините за ужасный код (сейчас у нас нет времени исправлять). Я знаю, что eval ужасен, но для наших целей это было единственное, что работало у нас так легко.
Вот как мы добавляем и удаляем строки:
methods: {
addRow:...
301 просмотров
schedule
06.07.2023
Vue Js - цикл через v в течение X раз (в диапазоне)
Как я могу повторить цикл через v-for X (например, 10) раз?
// want to repeat this (e.g.) 10 times
<ul>
<li v-for="item in shoppingItems">
{{ item.name }} - {{ item.price }}
</li>
</ul>
В документации...
225120 просмотров
schedule
08.01.2024
Vue V-для привязки массива к неправильным компонентам
В моем состоянии Vuex у меня есть объект, содержащий массив orderLines, в моей модели я получаю доступ к этому объекту с помощью геттера и циклически перебираю orderLines, создавая для каждого компонента.
Теперь, когда я запускаю мутацию удаления,...
282 просмотров
schedule
09.02.2023
Vue v-для перехода с версии 1 на версию 2
Я изучаю Vue.js и нашел эту скрипку, которая делает именно то, что я хочу.
Вот скрипт: https://jsfiddle.net/os7hp1cy/48/
Я интегрировал это и получаю эту ошибку:
неверное выражение: v-for="user in users | filterBy searchKey | paginate"...
88 просмотров
schedule
08.04.2023
Добавить класс на основе условия (для последнего визуализированного элемента с v-for)
Я создаю таблицу в Vue.js и отображаю некоторые столбцы с помощью директивы v-for :
<td v-for="(item, index) in items"> {{ item.name }} </td>
Существует неизвестное количество элементов, и я должен добавить класс к последнему...
9054 просмотров
schedule
26.10.2023
Данные синхронизации Vue на v-for
внутри моего шаблона у меня есть этот элемент:
<template>
<div>
<span v-for="item in items">{{item.name}}</span>
</div>
</template>
в моем сценарии у меня есть:
import axios from 'axios';
export...
658 просмотров
schedule
20.12.2022
Состояние в v-for vue.js?
Я хотел бы избежать значения image в приведенном ниже коде . image является ключом для property . Как я могу это сделать ?
<tbody>
<tr v-for="obj in data" :id="obj.id">
<td v-for="property in...
11728 просмотров
schedule
26.06.2022
Vue JS в HTML не распознает добавленные объекты и свойства
У меня есть экземпляр Vue с именем myApp . У меня есть метод в моем экземпляре Vue JS, который называется loadPlannedAlerts, который вызывается во время mounted . Это вызов AJAX, который сначала получает данные JSON, а затем добавляет к ним...
321 просмотров
schedule
03.06.2024
Цикл внутри цикла в шаблоне vue
У меня JSON такой:
Я перебираю записи, а внутри цикла пытаюсь перебирать статьи.записи. Я делаю это так:
<div class="authors__container">
<b-row class="record"
v-for="n in authors"
:key="n.id">...
737 просмотров
schedule
07.08.2022
vue.js v-for для двух строк таблицы
Vue 2, без веб-пакета. Я хочу отображать две trs за раз, для основной и подробной расширяемой строки. Это то, чего я пытаюсь достичь:
<table>
<tbody>
<div v-for="item in items">
<tr></tr>...
17321 просмотров
schedule
14.01.2023
Как я могу обновить заголовок элемента аккордеона, используя цикл v-for внутри F7+Vue?
Как я могу обновить заголовок элемента аккордеона, используя цикл v-for внутри F7+Vue? Мне нужно, чтобы заголовок каждого элемента аккордеона был установлен в заголовок каждого объекта внутри массива myList, который зацикливается с использованием...
154 просмотров
schedule
08.01.2023
Доступ к значению следующего индексного объекта в цикле — Vue JS
Я хотел проверить условие, если конкретное свойство объекта совпадает со свойством самого следующего объекта в массиве объектов, повторяемом через цикл v-for .
Пример объекта JSON:
[
{ Date: '21-July-2017', ...},
{ Date: '21-July-2017',...
3609 просмотров
schedule
15.08.2023
Неправильный элемент удален в компоненте v-for [правильный выбор: введите v-for]
У меня есть два следующих компонента:
Vue.component('comp-child', {
template: `<div>{{childData.name}}<slot></slot>{{randomNum}}</div>`,
props: {
parentData: {
}...
1315 просмотров
schedule
08.11.2022
Цикл Vue v-for — как нацелить компонент при фильтрации массива
Я использую вычисляемое значение для динамической фильтрации массива ("заказы").
Вычисляемая функция .filter() позволяет пользователю выполнять динамический поиск по номеру заказа, имени или ссылке:
data() {
return {
orders: [],...
908 просмотров
schedule
31.03.2023
Невозможно отобразить все объекты в массиве в цикле v-for, отображается только последний объект
Я ввожу некоторые данные. Я группирую эти данные по ключу, а затем пытаюсь распечатать их в цикле v-for в Vue.
Код выглядит примерно так:
// I initialize an empty array in data
data() {
return {
locArray: []
}
}
//...
96 просмотров
schedule
23.01.2023
списки в vue дают должны иметь явную ошибку ключей
Я следовал этому руководству: https://www.youtube.com/watch?v=iml3hDVboHk&t=359s Однако в коде
Я получаю эту ошибку, списки компонентов, отображаемые с помощью v-for, должны иметь явные ключи.
Как это исправить?
286 просмотров
schedule
08.12.2022
