vue项目 实现键盘←→翻页

Question

vue页面中实现键盘←→翻页，有什么方法在vue中实现呢

Answer 1

  window.addEventListener('keydown', function (e) {
    if (e.keyCode === 37) {
      // 左
    } else if (e.keyCode === 39) {
      // 右
    }
  })

Answer 2

前端实现分页 无非就是每次显示多少数据（或者第几个元素）然后递增 显示对应的数据
可能数据是索引（如果有多条数据 就是页码{你记录的页码} * 所显示的个数）然后在数据中截取 所显示的个数

下就是加法运算
上就是减法运算

Answer 3

vue中有很多事件修饰符和按键修饰符，可以非常简单的实现按键操作
官网文档：按键修饰符

然后在methods中进行分页操作就好了