格式化展示
通过 formatter 格式化数字,以展示具有具体含义的数据,往往需要配合 parser 一起使用。
<template>
<div>
<InputNumber
v-model="value1"
:max="10000"
:formatter="value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
:parser="value => value.replace(/\$\s?|(,*)/g, '')">
</InputNumber>
<InputNumber
v-model="value2"
:max="100"
:formatter="value => `${value}%`"
:parser="value => value.replace('%', '')">
</InputNumber>
</div>
</template>
<script>
exportdefault{
data (){
return{
value1:10000,
value2:50
}
}
}
}
</script>