element-ui禁止用户输入空格

Posted tlfe

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui禁止用户输入空格相关的知识,希望对你有一定的参考价值。

有些时候在用户输入密码等一些内容的时候,我们不允许里面存在空格,想通过后面确定的时候去判断有没有空格比较繁琐,vue为我们提供了一个.trim的修饰符用来处理空格的问题

使用非常简单:在v-model后面直接加上.trim修饰符,用户就无法输入空格字符

<el-input v-model.trim="ruleForm.passwrod"></el-input>

 

以上是关于element-ui禁止用户输入空格的主要内容,如果未能解决你的问题,请参考以下文章

input 禁止用户输入空格

input 禁止用户输入空格

使用 jQuery 在文本输入字段中禁止不需要的字符

IView Input禁止输入空格,IView v-model.trim修饰符失效,IView输入框禁止输入空格

移动端表单禁止输入空格

输入框禁止输入空格,兼容