vue el-input输入框禁止输入空格

v-model.trim
<el-input v-model.trim="input" placeholder="请输入内容"></el-input>

这个方法不仅可以禁用空格,还可以禁用 type=“textarea” 时的回车


@onkeyup
<el-input type="textarea" v-model="input" :onkeyup="input= input.replace(/[ ]/g,'')"></el-input>

这个方法就比较灵活,通过按键松开时匹配正则表达式来去掉输入的空格;理论上也可以用来禁用其他字符,正则没写错应该都可以实现



下面博客中还有 @keydown.native 方法;本人没有测试,如果上面两种方法都不满足,可以看下

参考博客

https://www.jianshu.com/p/3e0c8b0903f6

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐