elementUI input 禁止内容两端存在空格，或者是自动去除两端空格

需求

项目中有需求：输入框中禁止内容两端存在空格，或者是自动去除两端空格。

解决方法

vue的api文档中有过介绍，使用.trim可以去掉用户输入内容中两端的空格，如下图

代码

<el-input v-model.trim="name" clearable show-word-limit maxlength="20"></el-input>