Skip to content

Files

Latest commit

author
luopingyi
Dec 12, 2018
99da64c · Dec 12, 2018

History

History
60 lines (48 loc) · 1.2 KB

CheckBox.md

File metadata and controls

60 lines (48 loc) · 1.2 KB

CheckBox选项

属性:

属性 说明 类型 默认值
checked 指定当前是否选中 boolean false
disabled 失效状态 boolean false
name 可不设置触发的事件会携带回设置的name值 any undefined
value 触发的事件会携带回设置的value值 any undefined
onchange 改变事件

注意 ⚠️

 1.0.0 版本改变事件使用 onevt-change 而非 onchange

示例

<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>