今天就跟大家聊聊有关利用vue怎么禁止在input中输入空格，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。
input上添加下方代码（我用的vant也一样,包括elemenui等）
@keydown.native="keydown($event)"
methods中写入下方代码
methods:{
// 禁止输入空格
keydown(e){
if(e.keyCode == 32){
e.returnValue = false
}
}
}最终使用的下面这个方法，移动端和pc端都可以禁止输入空格
input上添加下方代码（我用的vant也一样）
:onkeyup="visitUserName = visitUserName.replace(/\s+/g,'')"
最后分享一个小知识
使用 v-model.trim 可以实现去除输入框的前后空格，中间内容多个空格会保留一个
v-model.trim="visitUserName"
看完上述内容，你们对利用vue怎么禁止在input中输入空格有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
