/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 vote208 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
0 vote198 views2 answers
React-bootstrap sidebar menu
Javascript Bootstrap
40 votes273 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
33 votes214 views6 answers
Angular add bootstrap
Javascript Bootstrap
1 vote210 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
98 votes316 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
0 vote192 views1 answer
How to convert json to bootstrap treeview format
Javascript Bootstrap
-1 vote207 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
24 votes205 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
20 votes237 views2 answers
Bootstrap screen sizes
CSS Bootstrap