用途:el-input-number 是 Element Plus 提供的数字输入组件,允许用户通过输入框和增减按钮输入数值,并进行校验。适用于数量输入、数值设置、范围受限数字和精确数值输入等场景。
主要能力:通过 v-model 绑定数值,默认值为 0;用 min、max 限制取值范围,默认分别为 -Infinity 和 Infinity;用 step 设置增减步长,默认 1;step-strictly 要求输入为步长倍数;precision 设置小数精度;size 支持 large、default、small;disabled 禁用;controls 控制是否显示按钮;controls-position 可设为 right 使按钮靠右;还支持 name、label、placeholder、value-on-clear。事件包括 change、input、blur、focus;插槽有 decrease、increase 用于自定义按钮;暴露 focus、blur 方法。
使用方式:基本用法为 <el-input-number v-model="num" :min="1" :max="10" />。禁用加 disabled;步长用 :step="2";严格步长加 step-strictly;精度用 :precision="2" :step="0.1" :max="10";尺寸用 size="large" 或 size="small";按钮靠右用 controls-position="right"。
最佳实践:为有效范围设置 min 和 max;小数使用 precision;紧凑布局使用 controls-position="right"。
限制:资料未提供收费、平台支持范围、版本兼容性等更多信息。