Bom dia, fiz um card que toda vez que eu coloco uma foto na array ele cria outro card com novos textos e botoes, só que eu quero que quando eu clico no botão do card ele exiba um alert diferente em cada card. É possível fazer uma function para cada botão?
template: `
<div>
<div class="row">
<div v-for="img in fotos">
<article class="col-md-3 p-3">
<div class="card" style="width: 18rem;">
<img :src="img.url" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">{{ img.titulo }}</h5>
<a href="#" class="btn btn-primary" @click="botao">{{ mais }}</a>
</div>
</div>
</article>
</div>
</div>
</div>
`
ARRAY
fotos: [
{ url: foto', titulo: 'teste' },
{ url: foto, titulo: 'teste' },
]
METHODS
methods: {
botao: function () {
alert('olá1')
},
botao2: function(){
alert('Olá2')
}
}