iot-ui
Version:
60 lines (48 loc) • 1.24 kB
Markdown
### Checkbox选项
属性:
| 属性 | 说明 | 类型 | 默认值 |
| -----| ---- | ---- | ---- |
| checked | 指定当前是否选中 | boolean | false |
| disabled | 失效状态 | boolean | false |
| name | 可不设置,触发的事件会携带回设置的name值 | any | undefined |
| value |触发的事件会携带回设置的value值 | any | undefined |
| onchange | 改变事件 | | |
### 注意 ⚠️
```
1.0.0 版本改变事件使用 onevt-change 而非 onchange
```
### 示例
``` html
<import name="CheckBox" src="iot-ui/CheckBox/index.ux"></import>
<template>
<div class="box">
<CheckBox name="age" value="{{15}}" checked="{{checked}}" onchange="handleChagne" disabled="{{disabled}}"></CheckBox>
</div>
</template>
<style lang="less">
.box {
flex-direction: column;
justify-content: center;
align-items: center;
}
</style>
<script>
export default {
onInit() { },
data() {
return {
checked: true,
disabled: false
};
},
click() {
this.disabled = !this.disabled;
},
handleChagne(evt) {
console.log("点击CheckBox");
console.log(evt.detail);
this.checked = evt.detail.checked;
}
};
</script>
```