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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐