el-input 全局禁止输入空格

在Element UI的`el-input`组件中，如果你想要全局禁止用户输入空格，可以通过自定义事件或`v-model`的修饰符来实现。这里提供两种方法：

1. **使用自定义指令**:
可以创建一个自定义指令，监听输入值并移除空格。首先，你需要在Vue实例中注册这个指令：

   Vue.directive('no-spaces', {
     bind(el, binding, vnode) {
       el.addEventListener('input', (e) => {
         const inputValue = e.target.value.replace(/\s/g, '');
         e.target.value = inputValue;
       });
     },
   });

然后在`el-input`上应用此指令：

   <el-input v-no-spaces v-model="inputValue"></el-input>

2. **使用`v-model.number`修饰符**:
如果你只需要处理数字输入并禁止空格，可以使用`v-model.number`修饰符：

   <el-input v-model.number="inputValue" @input.prevent="inputValue = Number(inputValue.replace(/\s/g, ''))"></el-input>

这里，当输入发生改变时，会将输入值转换为数字并移除空格。

这两种方法都能达到禁止输入空格的效果，选择哪种取决于你的具体需求和是否只对数字输入有要求。