vue 输入框的一点小技巧

我们开发中 使用到 < input v-model="xxxx"/> 或 <el-input v-model="xxxx"> 时，通常的需求都是希望对输入的数据去掉前后空格，只是没有刻意说明而已，故在接到需求时，可以问一下，是否需要去掉输入字符串的前后空格（大部分需求都是需要的）。vue 提供了便捷的 .trim、.number 修饰符。

1. 对输入的字符串去掉前后空格

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

2. 对输入的内容限定为 number，结合elementUI 的validate 校验特别方便

<el-input v-model.number="xxxx"> 
:rules="[
  { required: true, message: 'xxxxxxxx不能为空'},
  { type: 'number', message: 'xxxxxxx必须为数字值'}
]"