vue .number修饰符

项目中遇到这样一个问题, 某个input框用来输入价格之类的数字, 我想对input的取值区间做判断, 但是发现输入后变成了String类型, 所以用了vue中的.number修饰符, 这样就可以获得Number类型了, 很方便

<el-input v-model.number="memberLevelForm.pointRate" type="number" placeholder="请输入消费金额" min="0" max="100" onkeyup="(event.keyCode==69||event.keyCode==110)?this.value='':this.value" :disabled="isDetailPage"></el-input>

 

扩展: 

.lazy会转变为在 change 事件中同步

.trim 修饰符会自动过滤掉输入的首尾空格