elementPlus输入框去除前后空格

Element Plus是基于Vue.js构建的UI组件库，它的Input组件提供了一些便利的功能，包括自动处理用户输入的前后空格。当用户在Element Plus Input中输入内容时，它会自动trim掉多余的空白字符，比如空格、制表符等。

如果你想自定义这个行为，可以在v-model指令之外手动监听input事件，并在事件回调中添加或移除trim操作。例如：

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

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

在这个例子中，`v-model.trim`会实时去除输入框中的前后空格，而`handleInputChange`会在每次用户键入或删除字符后触发，进一步更新`formattedValue`变量。

如果你不需要这样的自动处理，可以直接使用`v-model`，前后空格不会被自动去除。