0
点赞
收藏
分享

微信扫一扫

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

诗远 2022-04-25 阅读 167
vue.js

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 方法;本人没有测试,如果上面两种方法都不满足,可以看下

参考博客

举报

相关推荐

0 条评论