How do I set the links in the Array in my vuejs project as img src links

Question

I am trying to add the links to the source part of img by pulling the links from an array with links, but the photos are not coming even though I apply the code below. I'm not getting any errors either. Can anyone find the error or suggest a different way?

 <v-col cols="12" sm="6" md="3" class="d-flex child-flex" >
<v-card class="mx-auto" style="width: 200px; height: 200px;" v-for="link in productImages" :key="link.id">  
 <v-img :src="link" class="mx-auto" style="width: 200px; height: 200px;"></v-img>
 </v-card>
</v-col>

It works when I don't use v-for, I couldn't understand why.

    <v-card class="mx-auto" style="width: 200px; height: 200px;">
<v-img src="https://upload.wikimedia.org/wikipedia/commons/f/f9/Phoenicopterus_ruber_in_S%C3%A3o_Paulo_Zoo.jpg" class="mx-auto" style="width: 200px; height: 200px;"></v-img>
</v-card>

data:

  productImages: ["https://upload.wikimedia.org/wikipedia/commons/f/f9/Phoenicopterus_ruber_in_S%C3%A3o_Paulo_Zoo.jpg"],