Перенаправление на другой сайт по ссылке в API - PullRequest
0 голосов
/ 02 мая 2020

Я сделал al oop, который генерирует флип-карты, извлекая информацию из файла JSON. Когда карта перевернута, есть кнопка. Как сделать так, чтобы при нажатии на кнопку он перенаправлял меня на страницу продукта Amazon, но получал ссылку из моего файла JSON? Я пытался сделать что-то вроде этого, но он загружает это на странице и не перенаправляет.

<a data-fancybox="images" v-bind:href="book.detail">
  <button class="fancybox" v-on:click="book.detail">
    Show More
  </button>
</a>

JSON file

"books": [
    {
      "cover": "https://images-na.ssl-images-amazon.com/images/I/51A4OUiN6TL._SX377_BO1,204,203,200_.jpg",
      "title": "The Magic Of Reality",
      "detail": "https://www.amazon.com/Magic-Reality-Know-Whats-Really/dp/1451675046",
      "description": "Richard Dawkins, bestselling author and the world’s most celebrated evolutionary biologist, has spent his career elucidating the many wonders of science. Here, he takes a broader approach and uses his unrivaled explanatory powers to illuminate the ways in which the world really works.",
      "language": "en"
    }
  ]
}

Ответы [ 2 ]

1 голос
/ 02 мая 2020

Вы не должны вставлять кнопку в тег anchor (a).

<a data-fancybox="images" v-bind:href="book.detail">
    Show More
</a>

Это должно работать нормально!

0 голосов
/ 02 мая 2020

Попробуйте это

<button @click="document.location.href=book.detail">
    Show More
  </button>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...