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

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐