ui-num-input 参考

基础用法

<ui-num-input placeholder="Search..."></ui-num-input>

img

属性

属性名 参数值类型 功能说明
value number,超过最大值则值更改为最大值,小于最小值则值更改为最小值 输入框中的内容值
focused boolean 控制 focused 状态
disabled boolean 控制 disabled 状态,设置此属性后不再响应事件
readonly boolean 控制 readonly 状态,设置此属性后不再响应事件
max number,默认为 infinite 限制允许输入的最大值
min number,默认为 -infinite 限制允许输入的最小值
step number,默认为 1 递增的步长
precision number,默认为 20 保留的小数点位数
unnavigable boolean 控制是否可导航,组件默认可以通过 tab 键获取焦点,设置此属性后无法通过 tab 获取焦点,并且鼠标获取焦点后不会有 focus 样式
placeholder string 组件不存在 value 值时显示的内容

样式控制

种类 参数值类型 功能说明
size class 样式名,string,支持值:"mini, tiny, small, medium, large, big, huge, massive" 控制组件整体大小,包括内部字体

event 事件

事件名称 是否冒泡 触发机制
change 组件进行输入改变值时或因触发 cancel 改值
confirm 发生 change 改值后,失去焦点或键入 enter
cancel 发生 change 改值后,键入 esc(将恢复原值)

使用效果示例

focused, disabled 控制状态

<ui-num-input placeholder="Normal..."></ui-num-input>
<ui-num-input placeholder="Focused..." focused></ui-num-input>
<ui-num-input placeholder="Disabled..." disabled></ui-num-input>

img

size 控制大小

<ui-num-input class="mini"></ui-num-input>
<ui-num-input class="tiny"></ui-num-input>
 ····

img

results matching ""

    No results matching ""