On this page

inputNumber数字输入框组件

Element Plus 数字输入框组件文档

常用属性

precision: 精度
prefix: 插槽前缀
suffix: 插槽后缀
value-on-clear: 输入框被清空时显示的值，支持 number / null / min / max。
controls-position: 控制按钮位置，s-input-number 默认值为 right。
step-strictly: 严格步进，设置为 true 后只能输入步进倍数。

Hidden Title

基础用法：<s-input-number v-model="value" :min="0" :max="10" />

属性事件插槽简介

基础用法

成华主题

石景山主题

高度

尺寸

usually常用

属性

属性名	说明	类型	默认值
`modelValue`	绑定值	any	-
`title`	左侧标题前缀文案	string	`''`
`compTitleStyle`	标题前缀组件样式	object	`{}`
`width`	组件总宽度	string / number	`''`
`height`	组件总高度	string / number	`''`
`theme`	主题样式	`default` / `chenghua` / `shijingshan`	`default`
`size`	输入框尺寸	`''` / `large` / `default` / `small`	`''`
`controls-position`	控制按钮位置	`''` / `right`	`right`
`subAttrs`	外层容器额外属性	object	`{}`

插槽

插槽名	说明
`prefix`	输入框前缀内容
`suffix`	输入框后缀内容
`decrease-icon`	减少按钮图标
`increase-icon`	增加按钮图标

说明

默认基于 el-input-number 二次封装，并透传绝大多数 el-input-number 属性。
传入 title 后会在左侧渲染 s-comp-title，用于和其他表单组件保持一致。
支持透传 el-input-number 的命名插槽。