ui-checkbox 参考
基础用法
<ui-checkbox>checkbox</ui-checkbox>
属性
属性名 |
参数值类型 |
功能说明 |
checked |
boolean |
代表组件是否选中状态 |
pressed |
boolean |
控制组件 pressed 状态 |
focused |
boolean |
控制组件 focused 状态 |
disabled |
boolean |
控制组件 disabled 状态,设置此属性后不再响应事件 |
readonly |
boolean |
控制组件 readonly 状态 |
unnavigable |
boolean |
控制组件是否可导航,组件默认可以通过 tab 键获取焦点,设置此属性后不再响应 tab,并且鼠标获取焦点后不会有 focus 样式 |
event 事件
事件名称 |
是否冒泡 |
触发机制 |
change |
是 |
点击组件触发 |
confirm |
是 |
点击组件触发 |
使用效果示例
pressed,focused,disabled
控制状态
<ui-checkbox pressed>pressed</ui-checkbox>
<ui-checkbox focused>focused</ui-checkbox>
<ui-checkbox disabled>disabled</ui-checkbox>
注意:布尔属性,只要赋值为真值即存在该属性,想要赋值 false 时,注意传递的值是否因转化为字符串而导致其他非正确结果
readonly
<ui-checkbox readonly></ui-checkbox>
<ui-checkbox readonly ></ui-checkbox>