跳转到内容

数值范围编辑框

使用el-input-number组件封装,用于输入数值范围,如:1~10。支持编辑器类型包含:数值范围编辑框

示例效果

输入参数

名称说明类型默认值
value编辑器值[String, Number]-
controller编辑器控制器对象new RequiredProp(Object as PropType<C>)-
data容器数据,通常为表单数据,表格行数据,面板数据new RequiredProp(Object as PropType<IData>)-
disabled是否禁用{ type: Boolean }false
readonly是否只读{ type: Boolean, default: false }false
controlParams容器控件参数,一般是指表单部件控件参数、表格控件参数、面板控件参数{ type: Object, required: false }-

事件

名称说明类型
change值变更事件{_value:V, _name?:string, _ignore?:boolean}
blur失焦事件{_event?:IData}
focus聚焦事件{_event?:IData}
enter回车事件{_event?:IData}

编辑器参数

名称说明类型默认值
precisionel-input-number组件的precision属性,设置数值精度numberundefined
maxvalueel-input-number组件的max属性,设置右侧输入框最大输入值numberInfinity
minvalueel-input-number组件的min属性,设置左侧输入框最小输入值number-Infinity
valueseparator值分隔符,是最大值与最小值转为字符串时的分隔符号string'-'
rangeseparator选择范围时的分隔符,是数值范围组件在呈现时中间位置的分隔符string'~'
triggermode指定编辑器触发 change 值变更事件的模式,input: 输入框输入时触发事件,blur:输入框blur时触发事件'blur' |' input''blur'
readonly设置编辑器是否为只读态booleanfalse
未来已来,立即拥抱应用融合的力量
Released under the MIT License.