vue3 中el-input number 屏蔽键盘上下按键

在Vue3中，如果你使用的是Element Plus这个UI库，那么`<el-input>`组件中的number类型输入框默认会有上下键的键盘事件监听，这是为了方便用户通过键盘对数字进行增减操作。如果你想屏蔽这些操作，可以通过监听键盘事件并阻止其默认行为来实现。

以下是一个示例代码，展示如何在`<el-input>`中屏蔽上下键：

<template>
  <el-input
    type="number"
    @keydown.up.native.prevent="handleKeydown"
    @keydown.down.native.prevent="handleKeydown"
  ></el-input>
</template>

<script setup>
const handleKeydown = (e) => {
  // 这里的e是一个KeyboardEvent对象，你可以根据需要判断是否执行某些操作
  // 但无论怎样，我们调用了e.preventDefault()来阻止默认的上下键行为
  e.preventDefault();
};
</script>

在这个示例中，我们使用了`.prevent`修饰符来阻止键盘事件的默认行为，这样用户按下上下键时就不会触发数字的增减操作了。注意，我们在`@keydown.up`和`@keydown.down`事件上使用了`.native`修饰符，这是因为我们需要监听原生的键盘事件，而不是Element UI内部封装的事件。