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

Question

[MSAFT]

Есть такой 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

Answer 1

[0xD34F]

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

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

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

Comments

[MSAFT]

Спасибо!