Remova os elementos repetidos do v-for no VueJS

Question

Jan 19, 2017, 07:19 AM

Remova os elementos repetidos do v-for no VueJS

Estou usando o código a seguir para exibir categorias de uma matriz. A matriz pode conter categorias duplicadas. Existe alguma maneira de selecionar apenas elementos exclusivos no VueJS?

<li v-for="product in products">
{{product.category}}
</li>

Matriz:

products: [
      { id: '1', title: 'Test 1', category: 'Test 3' },
      { id: '2', title: 'Test 2', category: 'Test 1' },
      { id: '3', title: 'Test 3', category: 'Test 2' },
      { id: '3', title: 'Test 4', category: 'Test 1' },
      { id: '5', title: 'Test 5', category: 'Test 3' }
    ]