vue+element ui+表单验证空格问题
标题vue+element UI表单验证中检验空格问题
文章目录
- 标题vue+element UI表单验证中检验空格问题
- 前言
- 一、效果
- 二、操作
- 三、总结
前言
上传表单验证中，若输入数据为空（或者输入数据为空格），相对应的会有验证信息提示；但输入空格之后，默认数据不为空，不会提示验证信息，显然不是我们的需求。
一、效果
输入框中TAC和PCI监听不到输入的数据为空,便进行下一步操作；
二、操作
代码如下（示例）：
在数据绑定时v-model改成v-model.trim即可在前端表单添加的输入框中监听到数据是否为空或空格，当监听到时验证不能通过；
三、总结
表单操作监听输入框中是否为空，只需在表单绑定数据v-model出多加一个 .trim即可；
温馨提示：为了避免因数据过多的问题，可在css中进行全局添加。
以上是 vue+element ui+表单验证空格问题 的全部内容， 来源链接： utcz.com/z/378260.html
