vue2中获取DOM绑定原生js键盘事件

在Vue2中，你可以通过使用`ref`来获取DOM元素的引用，并使用原生的JavaScript来绑定键盘事件。以下是一个示例：

<template>
  <div>
    <input type="text" ref="inputRef" />
  </div>
</template>

<script>
export default {
  mounted() {
    this.$refs.inputRef.addEventListener('keyup', this.handleKeyUp);
  },
  beforeDestroy() {
    this.$refs.inputRef.removeEventListener('keyup', this.handleKeyUp);
  },
  methods: {
    handleKeyUp(event) {
      if (event.key === 'Enter') {
        // 处理回车事件的逻辑
        console.log('回车键被按下了！');
      }
    }
  }
}
</script>

在上面的示例中，我们给输入框添加了一个`ref`属性，将其命名为`inputRef`。在`mounted`生命周期钩子函数中，我们通过`this.$refs.inputRef`获取到输入框的DOM引用，并使用`addEventListener`方法来绑定`keyup`事件和对应的处理函数`handleKeyUp`。

在`handleKeyUp`方法中，我们检查按下的键是否是回车键（通过`event.key`属性），如果是，则执行相应的逻辑。在组件销毁之前，我们使用`removeEventListener`方法来移除键盘事件的监听。

这样，你就可以使用原生的JavaScript来绑定和处理键盘事件了。记得在适当的时候移除事件监听，以避免内存泄漏。