el-input清除空格

在Element UI库中的`el-input`组件中，如果你想清除输入框内的空格，可以利用其提供的事件处理器或者直接操作DOM元素。下面是一些示例：

1. **通过v-model绑定并监听input事件**:
当用户在输入框中键入时，你可以监听`input`事件并在事件处理函数中清理多余空格。例如：

<template>
  <el-input v-model.trim="filteredInput" @input="handleInputChange"></el-input>
</template>

<script>
export default {
  data() {
    return {
      filteredInput: '',
    };
  },
  methods: {
    handleInputChange(e) {
      this.filteredInput = e.target.value.trim();
    }
  },
};
</script>

这里，我们使用了`trim()`方法来移除字符串两端的空格。

2. **使用ref属性获取DOM元素**:
如果你想在运行时动态清除输入框的内容，你可以使用`ref`属性获取到输入框的`element`引用，然后手动设置值：

<template>
  <el-input ref="myInput"></el-input>
</template>

<script>
export default {
  mounted() {
    this.$refs.myInput.value = this.$refs.myInput.value.trim();
  }
}
</script>