Я новичок в Vue и застрял на данный момент. Для практики я делаю приложение для контрольного списка эпизодов для серии. Первая часть приложения ищет серии и добавляет одну из них в базу данных. Результат поиска дает мне такой результат: https://i.stack.imgur.com/QuOfc.png
Вот мой код с шаблоном и скриптом:
<template>
<div class="series">
<ul>
<li v-for="item in series" :key="item.id">
<img :src="image_url+item.poster_path"/>
<div class="info">
{{item.name}}
<br/>
<h5>{{item.id}}</h5>
Start Date: {{item.first_air_date}}
<br/>
{{getEpisodeNumber(item.id)}}
<br/>
{{getSeasonNumber(item.id)}}
</div>
</li>
</ul>
</div>
</template>
<script>
export default {
name: "series",
props: ["series"],
data() {
return {
image_url: "https://image.tmdb.org/t/p/w500",
api_key: {-api key-},
episode_url: "https://api.themoviedb.org/3/tv/",
}
},
methods: {
async getEpisodeNumber(showID) {
const json = await fetch(this.episode_url + showID + this.api_key)
.then((res) => { return res.json() })
.then((res) => { return res.number_of_episodes })
return await json
},
async getSeasonNumber(showID) {
const json = await fetch(this.episode_url + showID + this.api_key)
.then((res) => { return res.json() })
.then((res) => { return res.number_of_seasons })
return await json;
}
},
}
</script>
Методы должны возвращать мне число, но они возвращают объект, возможно, объект обещания. Но когда я пытаюсь сохранить данные в методах console.log, они выводят значение (int). Мне нужно достичь этого значения, но я застрял. Я пытался что-то думать, но каждый раз это терпит неудачу.