如何使用TMDB API作为入口点在Vuejs中进行分页?

时间:2018-06-23 01:38:02

标签: javascript vue.js pagination

有人可以帮助我如何在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

0 个答案:

没有答案