el-select v-model 去除空格

`el-select` 是 Element UI 中的一个下拉选择组件，在 Vue.js 中，`v-model` 是绑定数据双向绑定的指令。如果你想去除 `v-model` 传递到下拉框选择值中的空格，可以利用事件监听或者计算属性的方式。

1. **通过事件监听**：
当用户选择一个选项后，你可以拦截 `input` 或者 `change` 事件，并在事件处理函数中清理空格：

<el-select v-model="selectedValue" @input="handleInput">
  <!-- ... -->
</el-select>

<script>
methods: {
  handleInput(value) {
    this.selectedValue = value.trim(); // 清理输入值的空格
  }
}
</script>

2. **使用计算属性**：
如果你需要在整个组件状态改变时保持选中值无空格，可以在 data 中定义一个计算属性：

<el-select v-model="computedSelectedValue">
  <!-- ... -->
</el-select>

<script>
data() {
  return {
    rawValue: '', // 用户原始输入的值，可能包含空格
  };
},
computed: {
  computedSelectedValue() {
    return this.rawValue.trim();
  }
}
</script>