要解决el-select组件自动清除数据空格的问题，你可以使用input事件来监听用户输入，并在输入之前和之后使用trim()方法来清除空格。下面是一个示例代码：
```html
<template>
? <el-select v-model="selectedValue" @input="handleInput">
? ? <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
? </el-select>
</template>
<script>
export default {
? data() {
? ? return {
? ? ? selectedValue: '',
? ? ? options: [
? ? ? ? { value: 'option1', label: 'Option 1' },
? ? ? ? { value: 'option2', label: 'Option 2' },
? ? ? ? { value: 'option3', label: 'Option 3' }
? ? ? ]
? ? }
? },
? methods: {
? ? handleInput(value) {
? ? ? this.selectedValue = value.trim()
? ? }
? }
}
</script>
```
在上面的代码中，我们使用了`@input`事件来监听用户输入，并在`handleInput`方法中使用`trim()`方法来清除输入的空格。这样，无论用户输入的是前导空格、后导空格还是中间的空格，都会被自动清除。