鍍金池/ 問答/HTML/ vue項(xiàng)目 實(shí)現(xiàn)鍵盤←→翻頁

vue項(xiàng)目 實(shí)現(xiàn)鍵盤←→翻頁

vue頁面中實(shí)現(xiàn)鍵盤←→翻頁，有什么方法在vue中實(shí)現(xiàn)呢

回答
編輯回答
孤慣

vue中有很多事件修飾符和按鍵修飾符，可以非常簡單的實(shí)現(xiàn)按鍵操作
官網(wǎng)文檔：按鍵修飾符

clipboard.png
然后在methods中進(jìn)行分頁操作就好了

2018年6月22日 19:26
編輯回答
風(fēng)清揚(yáng)

前端實(shí)現(xiàn)分頁 無非就是每次顯示多少數(shù)據(jù)（或者第幾個(gè)元素）然后遞增 顯示對應(yīng)的數(shù)據(jù)
可能數(shù)據(jù)是索引（如果有多條數(shù)據(jù) 就是頁碼{你記錄的頁碼} * 所顯示的個(gè)數(shù)）然后在數(shù)據(jù)中截取 所顯示的個(gè)數(shù)

下就是加法運(yùn)算
上就是減法運(yùn)算

2018年1月10日 11:22
編輯回答
失魂人
  window.addEventListener('keydown', function (e) {
    if (e.keyCode === 37) {
      // 左
    } else if (e.keyCode === 39) {
      // 右
    }
  })
2017年10月17日 01:17