将箭头键绑定到Buefy分页

npm install vue
npm install buefy

import Vue from 'vue'
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'

Vue.use(Buefy)

<template>
  <div>
    <b-pagination
      :total="totalPages"
      :current.sync="currentPage"
      @keydown.left="goToPreviousPage"
      @keydown.right="goToNextPage"
    ></b-pagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
      totalPages: 10,
      currentPage: 1
    }
  },
  methods: {
    goToPreviousPage() {
      if (this.currentPage > 1) {
        this.currentPage--
      }
    },
    goToNextPage() {
      if (this.currentPage < this.totalPages) {
        this.currentPage++
      }
    }
  }
}
</script>