更新一下:vue有自带的属性:在绑定数据的时候直接v-modal.trim即可
还有一种es6的方法
借鉴陨石猎人的 https://blog.csdn.net/qq_42205731/article/details/82344468
onkeyup="this.value=this.value.replace(/\s+/g,'')"
<el-form-item label="应用名称" prop="name" >
<el-input placeholder="应用名称" style="width:50%;" v-model="editApp.name" onkeyup="this.value=this.value.replace(/\s+/g,'')"></el-input>
</el-form-item>
但在这种情况下,虽然禁止了用户输入空格,但是在输入框全部为空的情况下,还是可以保存数据的,于是我换了一种验证方式
<el-form-item label="商户名称" prop="merchantName">
<el-input v-model="addMerchant.merchantName" placeholder="请输入商户名称"></el-input>
</el-form-item>
rules
merchantName: [{required: true, validator: validateName, trigger: "change"}],
let validateName = (rule, value, callback) => {
if(value === ''){
callback(new Error('内容不可为空'))
}else if(/^\s*$/.test(value)){
callback(new Error('内容不可全为空格'))
}else{
callback()
}
};
稍微理清了一下思路,我们不是禁止用户输入空格,只是用户输入的内容不能全部为空