Как удалить повторяющиеся объекты в VueJS?

Question

MSAFT @MSAFT

Vue.js

Как удалить повторяющиеся объекты в VueJS?

Есть такой select:

<option v-for="profile in profiles" :value="profile.brand.name">
        {{ profile.brand.name }}
      </option>

Который выдает примерно следующие:

BrandName
BrandName2
BrandName2
BrandName3

methods: {
      uniqueFilter: function(profile) {
        if(profile.brand.name === profile.brand.name) {
          как прописать?
        }
      }
}

Как прописать фильтр, что б выдавало следующее:

BrandName
BrandName2
BrandName3

Вопрос задан более трёх лет назад
242 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2019-03-20 01:36:02

Сделайте вычисляемое свойство:

computed: {
  brands() {
    return [...new Set(this.profiles.map(n => n.brand.name))];
  },
},

<option v-for="brand in brands" :value="brand">{{ brand }}</option>

Как удалить повторяющиеся объекты в VueJS?

Войдите на сайт