VUE项目去除input 框值所有空格的操作方法
作者：行动很重要冲冲冲
这篇文章主要介绍了VUE项目去除input 框值所有空格的操作方法，主要包括去除空格的方法、正则和element ui写法，本文给大家讲解的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
去除空格的方法
str.trim(); //去掉首尾空格
str.replace(" ",""); //去除所有空格，包括首尾、中间
str.replaceAll(" ", ""); //去掉所有空格，包括首尾、中间
str.replaceAll(" +",""); //去掉所有空格，包括首尾、中间
str.replaceAll("\\s*", ""); //可以替换大部分空白字符， 不限于空格
正则：
str.replace(/\s*/g,"")
str.replace(/\ +/g, ""); // 去除 空格 str.replace(/[\r\n]/g, ""); // 去除 换行符 str.trim(); // 去除 前后空格
element ui 写法
username: [
{ required: true, message: '请输入用户名', transform: value => value ? value.trim() : '', trigger: 'blur' },
{ required: true, max: 10, message: '请输入10位以内字符', trigger: 'blur' }
],一般如果是输入框的话，直接禁用空格即可，我们已知的可能是直接调用trim方法即可，但是在使用element ui 时，可以直接在输入框上设置trim，会比提交后再调用trim方法实用的多
<el-input v-model.trim="value"></el-input>
如上图所示，直接在v-model上加trim输入框就无法输入空格了
当然如果非要用正则方式去去除空格也是可以的
clearBlank(value){
if(value){
value = value.replace(/\s/g,"")
}
return value
}VUE 项目 去除 input 框值 所有空格、vue 组件去除空格、input 去除空格
1.以下所有方法 我都试过：不行。
str.trim(); //去掉首尾空格
str.replace(" ",""); //去除所有空格，包括首尾、中间
str.replaceAll(" ", ""); //去掉所有空格，包括首尾、中间
str.replaceAll(" +",""); //去掉所有空格，包括首尾、中间
str.replaceAll("\\s*", ""); //可以替换大部分空白字符， 不限于空格 ；2. 改用正则：
str.replace(/\s*/g,"")
运行成功，特别记录下下。
--------------------------------- 我是傻傻的分隔线 -----------------------------------------
2019.5.9 补充：
str.replace(/\ +/g, ""); // 去除 空格 str.replace(/[\r\n]/g, ""); // 去除 换行符 str.trim(); // 去除 前后空格
到此这篇关于VUE 项目去除 input 框值所有空格的文章就介绍到这了,更多相关vue去除空格内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！