vue+element ui+表单验证空格问题

标题vue+element UI表单验证中检验空格问题

---

前言

上传表单验证中，若输入数据为空（或者输入数据为空格），相对应的会有验证信息提示；但输入空格之后，默认数据不为空，不会提示验证信息，显然不是我们的需求。

一、效果

输入框中TAC和PCI监听不到输入的数据为空,便进行下一步操作；

二、操作

代码如下（示例）：
在数据绑定时v-model改成v-model.trim即可在前端表单添加的输入框中监听到数据是否为空或空格，当监听到时验证不能通过；

三、总结

表单操作监听输入框中是否为空，只需在表单绑定数据v-model出多加一个 .trim即可；
温馨提示：为了避免因数据过多的问题，可在css中进行全局添加。