<a-input-number
v-if="lookDisabled"
:min="0"
:max="10"
:step="0.1"
:disabled="!lookDisabled"
placeholder="请输入"
v-model="row.workHeadScore"
style="width:80px"
:formatter="
value => {
let reg = /^(-)*(\d+)\.(\d).*$/;
return `${value}`
.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
.replace(reg, '$1$2.$3');
}
"
:parser="
value => {
let reg = /^(-)*(\d+)\.(\d).*$/;
return value
.replace(/\s?|(,*)/g, '')
.replace(reg, '$1$2.$3');
}
"
@change="changeworkHeadScore"
@blur="changeworkHeadScoreBlur(row)"
/>

本文介绍了一个使用 Vue 实现的输入数字组件配置示例。该组件允许用户输入指定范围内的数值,并支持格式化显示及解析输入的数值。文章详细展示了组件的属性设置,包括最小值、最大值、步长等参数,以及如何通过 formatter 和 parser 方法实现数值的格式化。
313

被折叠的 条评论
为什么被折叠?



