/Javascript/Bootstrap/Pagination in b table in bootstrap vue

Pagination in b table in bootstrap vue

new Vue({
  el: '#app',
  data() {
    return {
      items: [],
      fields: [{
          key: 'postId',
          label: 'Post ID'
        },
        {
          key: 'id',
          label: 'ID'
        },
        {
          key: 'name',
          label: 'Name'
        },
        {
          key: 'email',
          label: 'Email'
        },
        {
          key: 'body',
          label: 'Body'
        }
      ],
      currentPage: 0,
      perPage: 10,
      totalItems: 0
    }
  },
  mounted() {
    this.fetchData().catch(error => {
      console.error(error)
    })
  },
  methods: {
    async fetchData() {
      this.items = await fetch(`https://jsonplaceholder.typicode.com/comments?_page=${this.currentPage}&_limit=${this.perPage}`)
        .then(res => {
          this.totalItems = parseInt(res.headers.get('x-total-count'), 10)

          return res.json()
        })
        .then(items => items)
    }
  },
  watch: {
    currentPage: {
      handler: function(value) {
        this.fetchData().catch(error => {
          console.error(error)
        })
      }
    }
  }
})

Source: stackoverflow.com

Similar codes

0 vote227 views1 answer
Bootstrap-scss github
CSS Bootstrap
0 vote222 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
12 votes192 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
43 votes228 views6 answers
Add bootstrap to angular
Javascript Bootstrap
18 votes229 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
4 votes214 views5 answers
Bootstrap img src
CSS Bootstrap
3 votes228 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
-2 votes221 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap
3 votes212 views9 answers
Bootstrap 5
Javascript Bootstrap
0 vote223 views1 answer
Horizontal cards react bootstrap
Javascript Bootstrap