element-ui组件form表单校验采坑！！！！！

由于公司业务需求。需要使用很多表单，故采用element ui中form表单，因为组件封装好校验未填的提示，也就是如下写法：

写完之后特开心，因为纳闷多表单校验再也不用写纳闷多if了，没想到的是，今天提测，测试输入空格，我靠，惊呆了，空格竟然能保存？？？？？于是百度解决方案，现有以下俩种解决方案
第一种：在绑定表单的时候加上trim，如图所示：

这个有什么好处尼？ 他可以去除开头和结束的空格，也就是禁止用户一上来输入空格，必须输入文字，文字结束后也不能输入空格，但是有个不好的就是无法避免中间空格情况，不过想一想，如果中间不给用户使用空格，那用户少打字该怎么搞尼？？ 所以我觉得这个能满足基本的需求了。

第二种：在原有3form表单的验证基础上加上如下图所示：

但是这个和之前的区别就是开头无论输入多少空格，都会保留一个空格的距离，中间也是 无论输入多少空格，只保留一个空格的距离。

聪明的我于是把这俩个方法结合起来，最终的效果就是，前后不能输入空格，中间无论输入多少空格，只保留一个空格，哈哈哈 ，真有意思！

就个人而言，第一种方法以已经嫩满足了，不过还是看具体的业务需求。