Как вытащить данные в таблицу из api-football?
Всем привет.
Нужна помощь с одним футбольным апи. Запрос который я делаю: <script> var app = new Vue({ el: '#app', data: { topscorers: [] }, created() { fetch("https://sportsop-soccer-sports-open-data-v1.p.rapidapi.com/v1/leagues/%7Bleague_slug%7D/seasons/%7Bseason_slug%7D/topscorers", { "method": "GET", "headers": { "x-rapidapi-host": "sportsop-soccer-sports-open-data-v1.p.rapidapi.com", "x-rapidapi-key": "4345984802msh66e6938db04b178p12dea9jsn83a6f1683119" } }) .then(response => { console.log(response); }) .catch(err => { console.log(err); }); } }) </script> Мне из него надо повытаскивать в таблицу данные. Вот собственно говоря таблица <table class="table table-bordered"> <thead> <tr> <th scope="col">Player ID</th> <th scope="col">Name</th> <th scope="col">Matches</th> <th scope="col">Position</th> <th scope="col">Nationality</th> <th scope="col">Team Name</th> <th scope="col">Goals</th> </tr> </thead> <tbody> <tr v-for="topscorer in topscorers"> <td>{{ topscorer.player_id }}</td> <td>{{ topscorer.fullname }}</td> <td>{{ topscorer.matches }}</td> <td>{{ topscorer.position }}</td> <td>{{ topscorer.nationality }}</td> <td>{{ topscorer.team }}</td> <td>{{ topscorer.goals }}</td> </tr> </tbody> </table> Я в этом деле начинающий, и не до конца понимаю почему у меня данные не выводятся в таблицу. Сижу уже днями, смотрю разные туториалы и ничего не получается. Вот решил посоветуватся с Вами. p.s api который я использую |
Часовой пояс GMT +3, время: 18:55. |