Я пытаюсь добавить изображение в указанную c строку. У меня есть множество изображений, которые я пытаюсь добавить в таблицу, и это изображение Google постоянно появляется в каждой строке, а не в одной. У меня есть фрагмент кода, где я добавляю изображение и параметры для каждой строки. Я пытался добавить изображение, используя {{link.img}}, например, веб-сайт, URL и описание, но это тоже не сработало. Ниже приведен фрагмент кода, на котором есть скриншот того, что распечатывается. Я хотел бы, чтобы {{link.img}} работал, если это возможно, чтобы я мог соответствовать всем остальным параметрам, но если это невозможно, это нормально. Любая помощь будет принята с благодарностью. Спасибо
изображение стола
LINKS = [
{
'id': uuid.uuid4().hex,
'img': "../assets/ipts.png",
},
{
'id': uuid.uuid4().hex,
'img': "../assets/express.png",
}
]
<table class="table table-hover">
<thead>
<tr>
<th scope="col"></th>
<th scope="col">Website</th>
<th scope="col">URL</th>
<th scope="col">Description</th>
<th></th>
</tr>
</thead>
<tbody>
<tr v-for="(link, index) in links" :key="index">
<!--<td>{{ link.img }}</td>-->
<td>
<img v-bind:src="link.img" width="21" height="21">
<img src = "../assets/google-logo.png" width="21" height="21">
</td>
<!--<td><a href="{ link.URL }">{{ link.website }} </a></td>-->
<td>{{ link.website }}</td>
<td>{{ link.URL }}</td>
<td>{{ link.description }}</td>
<td></td>
</tr>
</tbody>
</table>