vue去掉input前后的空格

场景：在开发过程中，遇到表单填写，用户可以自由输入，截图举例：这里，用户瞎输，填了几个空格，导致给后台发请求的时候，也带了好多空格，这种体验特别不好。因此在开发过程中，要考虑去空格的问题。在vue 2.x中，v-model.trim就可以搞定，截图如下：但是在vue1.x 中，v-model.trim 不生效，此时就不能这么改了。但是清楚底层原理，去掉字符串前后的空格原理就是v-mod...

~ climber ~

10557人浏览 · 2020-03-24 15:09:42

~ climber ~ · 2020-03-24 15:09:42 发布

场景：在开发过程中，遇到表单填写，用户可以自由输入，截图举例：
在这里插入图片描述
这里，用户瞎输，填了几个空格，导致给后台发请求的时候，也带了好多空格，这种体验特别不好。因此在开发过程中，要考虑去空格的问题。
在vue 2.x中，v-model.trim就可以搞定，截图如下：

但是在vue1.x 中，v-model.trim 不生效，此时就不能这么改了。但是清楚底层原理，去掉字符串前后的空格原理就是v-model 的值，js里面trim方法就可以。
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^