代码拉取完成，页面将自动刷新
基于 vxe-table 的表格插件，为键盘操作提供快捷键的设置
依赖 vxe-table v4 版本
npm install vxe-table@next vxe-table-plugin-shortcut-key@next
// ...
import VXETable from 'vxe-table'
import VXETablePluginShortcutKey from 'vxe-table-plugin-shortcut-key'
// ...
VXETable.use(VXETablePluginShortcutKey, {
// 快捷键监听
listener: {
'Ctrl + V' (params, evnt) {
console.log('粘贴')
}
},
// 功能键设置
setting: {
'pager.prevPage': 'ArrowLeft',
'pager.nextPage': 'ArrowRight', // 单个按键
'pager.prevJump': 'Shift + W',
'pager.nextJump': 'Shift + S' // 组合键
}
})
disabled: string[]
listener: { key: Function(params, event) }
setting: { code: string }
| code 功能编码 | describe 描述 | key 参考键值 |
|---|---|---|
| table.edit.actived | 只对 edit-config 启用后有效，当单元格处于选中状态时，则进入编辑 | F2 |
| table.edit.closed | 只对 edit-config 启用后有效，当单元格处于激活状态时，则退出编辑 | Esc |
| table.edit.tab.leftMove | 只对 edit-config.mode=cell / mouse-config.selected 启用后有效，当单元格处于激活状态或者选中状态，则移动到左侧单元格 | Shift + Tab |
| table.edit.tab.rightMove | 只对 edit-config.mode=cell / mouse-config.selected 启用后有效，当单元格处于激活状态或者选中状态，则移动到右侧单元格 | Tab |
| table.edit.enter.upMove | 只对 edit-config.mode=cell / mouse-config.selected 启用后有效，当单元格处于激活状态或者选中状态，则移动到上面单元格 | Shift + Enter |
| table.edit.enter.downMove | 只对 edit-config.mode=cell / mouse-config.selected 启用后有效，当单元格处于激活状态或者选中状态，则移动到下面单元格 | Enter |
| table.cell.upMove | 只对 mouse-config.selected 启用后有效，当单元格处于选中状态，则移动到上面的单元格 | ArrowUp |
| table.cell.downMove | 只对 mouse-config.selected 启用后有效，当单元格处于选中状态，则移动到下面的单元格 | ArrowDown |
| table.cell.leftMove | 只对 mouse-config.selected 启用后有效，当单元格处于选中状态，则移动到左边的单元格 | ArrowLeft |
| table.cell.rightMove | 只对 mouse-config.selected 启用后有效，当单元格处于选中状态，则移动到右边的单元格 | ArrowRight |
| table.row.current.topMove | 只对 highlight-current-row 启用后有效，高亮行向上移动 | |
| table.row.current.downMove | 只对 highlight-current-row 启用后有效，高亮行向上移动 | |
| pager.prevPage | 只对 grid.pager-config 启用后有效，则进入上一页 | |
| pager.nextPage | 只对 grid.pager-config 启用后有效，则进入下一页 | |
| pager.prevJump | 只对 grid.pager-config 启用后有效，则向上翻页 | |
| pager.nextJump | 只对 grid.pager-config 启用后有效，则向下翻页 |
MIT © 2019-present, Xu Liangzhan
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型