InputNumber 數字輸入框限制輸入不為空,最大值最小值
阿新 • • 發佈:2021-01-13
技術標籤:前端vueAnt DesignAnt-Design-VueInputNumber數字輸入框parser最大值最小值
InputNumber 數字輸入框限制輸入不為空,最大值最小值
Ant-Design-Vue 數字輸入框元件InputNumber
限制使用者只能輸入數字,且不能為空,限制輸入最大值最小值
關鍵字:parser,指定從 formatter 裡轉換回數字的方式,和 formatter 搭配使用。
<a-input-number :min="1" :max="30" v-model="width" :parser ="parserWidth"/>
function parser(value,max,min){
if(value.length < 1){
return min
}
let v = parseInt(value)
if(!isNaN(v)){
if(v > max){
return max
}else if(v < min){
return min
}else{
return v
}
}
}
function parserWidth(value){
return parser(value,30,1)
}