我們開發(fā)中 使用到 < input v-model="xxxx"/> 或 <el-input v-model="xxxx"> 時忧陪,通常的需求都是希望對輸入的數(shù)據(jù)去掉前后空格,只是沒有刻意說明而已,故在接到需求時迈套,可以問一下甲脏,是否需要去掉輸入字符串的前后空格(大部分需求都是需要的)。vue 提供了便捷的 .trim蒙秒、.number 修飾符勃黍。
1. 對輸入的字符串去掉前后空格
<el-input v-model.trim="xxxx">
2. 對輸入的內(nèi)容限定為 number,結(jié)合elementUI 的validate 校驗特別方便
<el-input v-model.number="xxxx">
:rules="[
{ required: true, message: 'xxxxxxxx不能為空'},
{ type: 'number', message: 'xxxxxxx必須為數(shù)字值'}
]"