一般如果是输入框的话,直接禁用空格即可,我们已知的可能是直接调用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
}

用上图方法即可去除空格。

Logo

前往低代码交流专区

更多推荐