Nano Hash - криптовалюты, майнинг, программирование

Vuejs: список повторного рендеринга

Я пытаюсь понять, как повторно отображать список типов имен. Я хочу убедиться, что одновременно существует только одно имя с типом 0 (основное), поэтому я хочу включить/отключить эту опцию на основе количества имен в моем массиве с типом 0.

<a v-for="type in names.types" v-bind:class="[canAddNameType(type) ? '' : 'disabled', 'dropdown-item']" href="#">
    @{{ type.type }}
</a>

Как я могу сделать так, чтобы мой список перерисовывался каждый раз, когда я добавляю/удаляю имя?

vue.js vuejs2
31.05.2017

  • В зависимости от того, как вы добавляете/удаляете, это должно происходить автоматически. 31.05.2017
  • Это зависит от того, как вы добавляете или удаляете элементы; учитывая, что вы работаете с массивом, я подозреваю, что вам нужно будет использовать $set при изменении names: vuejs.org/v2/api/#vm-set 31.05.2017
  • @BertEvans Я не добавляю/удаляю типы из массива имен.типы, я добавляю/удаляю имена из массива имен. Я согласен, что это должно происходить автоматически, если я добавляю/удаляю типы из списка типов. 31.05.2017
  • Создайте вычисление, которое отображает текущий список типов на основе имен. 31.05.2017

Ответы:


1

Работайте напрямую с вложенными данными и привязывайтесь к свойству key для каждого элемента:

Шаблон

<a v-for="type in types" 
   :key="type.type"
   :class="[canAddNameType(type) ? '' : 'disabled', 'dropdown-item']" href="#">
    @{{ type.type }}
</a>

Скрипт

computed: {
    types() {
        return this.names.types
    }
}
01.06.2017
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..