我們開發(fā)中 使用到 < input v-model="xxxx"/> 或 <el-input v-model="xxxx"> 時(shí)，通常的需求都是希望對(duì)輸入的數(shù)據(jù)去掉前后空格，只是沒有刻意說明而已，故在接到需求時(shí)，可以問一下，是否需要去掉輸入字符串的前后空格（大部分需求都是需要的）。vue 提供了便捷的 .trim、.number 修飾符。

1. 對(duì)輸入的字符串去掉前后空格

<el-input v-model.trim="xxxx"> 

2. 對(duì)輸入的內(nèi)容限定為 number，結(jié)合elementUI 的validate 校驗(yàn)特別方便

<el-input v-model.number="xxxx"> 
:rules="[
  { required: true, message: 'xxxxxxxx不能為空'},
  { type: 'number', message: 'xxxxxxx必須為數(shù)字值'}
]"