vue el-input 添加鍵盤事件

在Vue.js中，`el-input` 组件是Element UI库中的输入框组件，如果想要添加键盘事件（如按键监听），可以使用 Vue 的 `v-on` 指令结合 `@input` 或者 `@keyup` 修饰符来监听键盘输入。

例如，如果你想在用户按下回车键时触发某个函数，可以在`el-input`元素上绑定`@keyup.enter`事件：

<template>
  <el-input v-model="inputValue" @keyup.enter="handleEnter"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    handleEnter(event) {
      // 当用户按下回车键时，这里会执行这个函数
      console.log('用户按下了回车');
      // 这里可以根据需求处理输入值或其他业务逻辑
    },
  },
};
</script>

在这个例子中，`@keyup.enter`表示当用户在输入框内按下并释放enter键时，`handleEnter`方法会被调用。