如何做 vue-draggable-resizable 开启键盘上的箭头键移动元素

可以使用vue-draggable-resizable的moveTable里绑定键盘事件，如下所示：

  mounted() {
    // 绑定键盘事件
    window.addEventListener('keydown', this.moveTable);
  },

  methods: {
    // 移动元素
    moveTable(e) {
      const direction = {
        left: {x: -1, y: 0},
        up: {x: 0, y: -1},
        right: {x: 1, y: 0},
        down: {x: 0, y: 1},
      };

      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.code)) {
        e.preventDefault();
        const {x, y} = direction[e.key.toLowerCase()];
        this.table.x += x * 10;
        this.table.y += y * 10;
      }
    },
  },