el-input v-model.trim失效

当在element的input框中使用v-model.trim修饰符时，输入框会自动去除前后的空白字符。然而，由于element的input框不支持v-model.trim的写法，所以无法按空格键输入空格。这是因为在element的input组件中，v-model.trim修饰符不能直接生效[2]。

解决这个问题的方法是，在输入框的@blur事件中使用JavaScript的trim()方法手动去除前后空白字符。通过监听输入框的失焦事件，在失焦时获取输入框的值并使用trim()方法去除前后空白字符，然后再将处理后的值赋给v-model绑定的数据。

具体实现方法如下：

1. 在el-input组件上添加@blur事件，例如@blur="handleBlur"；
2. 在Vue的methods选项中定义handleBlur方法；
3. 在handleBlur方法中获取输入框的值并使用trim()方法去除前后空白字符；
4. 将处理后的值赋给v-model绑定的数据，例如this.searchData.name = value.trim()。

这样就能实现输入框在失焦时去除前后空白字符的效果，使v-model.trim生效。

请注意，这种方法只在失焦时去除空白字符，如果需要实时去除空白字符，可以考虑使用其他方式或组件来实现。