** Sugerir un mejor titulo si es necesario **
Estoy trabajando en Vue, quiero lograr mostrar un contenido, solo si este tiene el mismo valor que un array
Tengo dos arrays, uno llamado "typesArticle
" y otro array
llamado articles
con varios objetos, de la siguiente forma:
typesArticle: ['Handguns', 'Assault Rifles', 'Sub-Fusil', 'Snipers', 'Shotguns'],
articles: [{
name: 'AEK-971',
type: 'Assault Rifles',
typeAmmon: 5.56,
firerate: 900
},
{
name: 'MP5',
type: 'Sub-Fusil',
typeAmmon: 9,
firerate: 700
}, {
name: 'Glock 18C',
type: 'Handguns',
typeAmmon: 9,
firerate: 1100
}, {
name: 'Barret .50',
type: 'Snipers',
typeAmmon: .50,
firerate: 'Semi-Automatico'
}, {
name: 'Saiga 12K',
type: 'Shotguns',
typeAmmon: .12,
firerate: 'Semi-automatico'
}
]
En mi html tengo de esta forma una estructura:
<h2>Assault Rifles</h2>
<p>{{Solo Rifles}}</p>
<br>
<h2>Handguns</h2>
<p>{{Solo pistolas}}</p>
Lo que quiero lograr, realizar una condicion supongo que debe lograrse perfectamente desde la directiva v-if
Que lo que debe hacer, es recibir cada articulo y verificar que la propiedad type del objeto se encuentre en el array de type, y asi imprimirlo el nombre del articulo en su respectiva seccion o grupo