有人可以帮助我如何在Vuejs中使用TMDB api创建分页。目前,我只限于第一页上的信息,并且我希望使分页能够访问所有页面。
<script>
import { Carousel, Slide } from 'vue-carousel';
import { apikey } from '../config/secrets.js';
export default{
data() {
return{
contents: [],
baseurl: 'https://api.themoviedb.org/3',
apikey: apikey,
imageUrl: 'https://image.tmdb.org/t/p/w1280',
loaded: true,
components:{
Carousel,
Slide
}
}
},
created: function(){
this.fetchData();
},
methods:{
fetchData: function(){
console.log('fetch data');
this.$http.get(this.baseurl + '/movie/now_playing?api_key=' +
this.apikey + '&language=en-US&page=1').then(response =>{
console.log(response.body);
this.contents = response.body;
this.loaded = false;
});
}
}
}
</script>
这是来自response.body的console.log的输出
{results: Array(20), page: 1, total_results: 977, dates: {…}, total_pages:49}
dates:Object
page: 1
results: Array(20)
total_pages: 49
total_results: 977