Добавление ссылки на указанную строку c - PullRequest
0 голосов
/ 30 апреля 2020

Я пытаюсь добавить изображение в указанную 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>

1 Ответ

0 голосов
/ 30 апреля 2020

Используйте ключи данных объекта без знака qoute следующим образом:

'id' => id и ........

links = [
    {
        id: uuid.uuid4().hex,
        img: "../assets/ipts.png",
    },
    {
        id: uuid.uuid4().hex,
        img: "../assets/express.png",
    }
]
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...