Вопросы по теме 'v-for'
Vue.js: сортировка списка по методу
Я получаю некоторые необработанные данные и отображаю список элементов. Каждый элемент имеет сложное свойство, которое я генерирую с помощью метода (который не является вычисляемым свойством). Это свойство может измениться при вводе данных...
2388 просмотров
schedule
19.11.2022
Vuejs — делегирование событий и контекстная ссылка v-for
Я использую следующий фрагмент для отображения списка:
<div @click.prevent="myhandler($event)"><!-- Delegated event handler-->
<div class="tasks" v-for="(task, subName) in step.tasks">
<button type="button">...
2092 просмотров
schedule
19.06.2023
Компонент v для не распознает свойство, если оно не объявлено явно при инициализации объекта в корне
В моем корне я объявляю свой (многомерный) объект в данных следующим образом:
var app = new Vue({
el: '#root',
data: {
accounts: {}
}
Если я отправлю реквизит следующим образом:
<div id="root">
<my-component...
519 просмотров
schedule
01.11.2022
Цикл Vue for с индексом в качестве ключа вызывает непредсказуемое поведение
У меня есть массив, который отображается как набор компонентов Vue с использованием v-for . Мне нужно использовать :key="" , иначе Vue пожалуется.
У моего массива нет уникальных идентификаторов, поэтому я использую индекс в качестве ключа
Моя...
703 просмотров
schedule
31.01.2023
vue v-for с фильтром выдает ошибку
Я пытаюсь использовать локальный фильтр с v-for , но получаю сообщение об ошибке
Свойство или метод "filterByTitle" не определен в экземпляре, но на него ссылаются во время рендеринга. Убедитесь, что это свойство является реактивным либо в...
2244 просмотров
schedule
10.10.2022
Vue-agile не работает с v-for
Я работаю с VueJS2 и Laravel. Использование vue-agile для перемещения некоторых изображений и текстов.
Когда я пытаюсь добавить v-for для перемещения всех сообщений, я получаю сообщение об ошибке * "TypeError: Cannot read property ' style '...
811 просмотров
schedule
28.01.2023
Зацикливание Vue2.js и Firebase с v-for и :key не может получить значение
Перебираем проект Firebase, используя v-for, и чертовски долго пытаемся получить одно значение (imgurl) для каждого элемента. Вот пара строк из объекта firebase:
данные Firebase
Вот мой код скрипта в App.vue.
<script>
import...
761 просмотров
schedule
22.03.2023
не может динамически связывать путь на vuejs с помощью router-link и v-for
У меня возникли проблемы с правильным рендерингом router-link с помощью директивы v-for.
Я хочу, чтобы в боковом меню была ссылка, ведущая пользователя на страницу, URL-адрес которой соответствует имени элемента бокового меню. Итак, если элемент...
703 просмотров
schedule
29.09.2022
Элементы цикла v-for не сразу обновляются в Vue
Объясню по пунктам, как это может быть тихий комплекс.
Я выделяю текст с помощью мыши или трекпада, и при наведении курсора выделенный текст сохраняется в массиве объектов. Каждый объект содержит выделенный текст.
Я хочу зациклить этот...
3217 просмотров
schedule
13.06.2022
Привязка класса Vuejs не работает при начальном рендеринге
У меня странная проблема с тем, что VueJS не устанавливает класс для элемента в цикле v-for при первой загрузке страницы. Он работает после того, как я нажимаю на него, чтобы включать и выключать выбранный атрибут, но когда выбрано изначально...
445 просмотров
schedule
06.03.2023
Класс переключения Vue JS для отдельных элементов, отображаемых с помощью v-for
Я использую директиву v-for для отображения списка.
<li v-for="group in groupList" :key="group.id" @dragenter="toggleClass ...."@dragleave="toggleClass ...." >
Content
</li>
Я хочу добавить класс к li , на котором...
432 просмотров
schedule
02.10.2022
Хорошая настройка tabIndex в VueJS при переборе нескольких объектов
У меня есть несколько вложенных объектов, которые мне нужно перебрать для создания входных данных. Я упростил это до примера ниже. Я хотел бы установить tabIndexes в эти входы.
<div v-for="(iv, ik, ii) in {a: 'x', b: 'x'}" :key="ii">...
4546 просмотров
schedule
19.09.2022
Ошибка Vue при рендеринге: RangeError: недопустимая длина массива
Вью: v2.*
В моем проекте vuejs я использую диапазон v-for с вычисленными
Рассчитано
computed: {
numberOfPages() {
const result = Math.ceil(this.collection.total / this.collection.per_page)
return (result < 1) ? 1...
9218 просмотров
schedule
17.07.2022
Vue-router: перебирайте маршруты для динамического создания ‹router-link›.
Я хотел бы перебрать мой routes с помощью v-for , чтобы динамически генерировать <router-link> в разделе template .
В настоящее время я понятия не имею, как обратиться к параметру router , определенному в main.js , в разделе template...
5611 просмотров
schedule
02.02.2024
проблема с созданием нечетной и четной ячейки в таблице во Vue Js
Вот мой код, myData - это моя модель данных vue, в которой есть какое-то поле: a, b, ... odd-cell и even-cell - это классы CSS с разным цветом фона. это цикл foreach, как я могу вычислить что-то вроде if (length of myData% 2 == 1) в v-if, чтобы...
1069 просмотров
schedule
24.11.2022
Используйте v-if для определенного элемента в v-for
Итак, у меня есть следующий HTML-код на моей странице Vue
<div v-for="profile in lab.profiles" v-if="edit || profile.active" class="lab-tests-row-div" @mouseover="">
<div class="clickBox" :class="['clickBox-' + lab.id + '-' +...
257 просмотров
schedule
30.03.2023
Как создать вложенный v-for с данными из двух отдельных коллекций Firebase
У меня есть две коллекции Firebase: категории и продукты.
Моя схема данных выглядит так:
categories: {
categoryId1: {
name: Category1
},
categoryId2: {
name: Category2
},
categoryId3: {
name: Category3
}
}
products: {...
17 просмотров
schedule
19.08.2022
В чем разница между :key и v-bind:key при построении цикла v-for?
В документах Vue есть примеры использования ключевого слова key, использующего как :key= , так и v-bind:key= при определении ключа в цикле v-for . Является ли один просто синтаксическим сахаром другого или они делают разные вещи?
Примеры из...
485 просмотров
schedule
23.09.2022
Почему Vue обновляет все компоненты, а не только измененный компонент в v-for?
У меня есть v-for список, содержащий компонент. Внутри компонента я отображаю <div> или <input> в зависимости от значения свойства. Проблема в том, что когда я изменяю значение свойства, обновляются все элементы в v-for, а не...
1989 просмотров
schedule
18.03.2022
Как на лету использовать ++ переключатели с v-for в VueJS
Друзья, у меня есть форма, которую можно дублировать столько раз, сколько я захочу, как показано выше (только небольшая часть, на самом деле не нужна вся строка):
<div class="col-sm-2">
<div class="form-group">
<label...
682 просмотров
schedule
21.07.2023