vue+elementUI表单验证控制表格

Posted lijianshen

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue+elementUI表单验证控制表格相关的知识，希望对你有一定的参考价值。

方法一、不能在输入过程中输入空格），不太友好：

<el-input size="small" v-model.trim="form.name"></el-input>

方法二，对于回车提交表单不友好：

<el-input size="small" v-model="form.name" @blur="form.name=$event.target.value.trim()"></el-input>

方法三：

<el-input size="small" v-model.trim="form.name" @keyup="trim()"></el-input>

.....

trim(){
    this.form.name = this.form.name.replace(/^s+|s+$/gm,‘‘)
}

以上是关于vue+elementUI表单验证控制表格的主要内容，如果未能解决你的问题，请参考以下文章