Emui

# 使用

# 基本使用

 <emui-checkbox-group v-model="datalist">
        <emui-checkbox label="品牌推广"></emui-checkbox>
        <emui-checkbox label="形象普及"></emui-checkbox>
</emui-checkbox-group>
<script>
export default {
  data() {
    return {
      datalist: []
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
Expand Copy

# 禁用状态

 <emui-checkbox-group v-model="datalist" disabled>
        <emui-checkbox label="品牌推广"></emui-checkbox>
        <emui-checkbox label="形象普及"></emui-checkbox>
</emui-checkbox-group>
<script>
export default {
  data() {
    return {
      datalist: []
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
Expand Copy

# 子项垂直排列

 <emui-checkbox-group v-model="datalist" vertical>
        <emui-checkbox label="品牌推广"></emui-checkbox>
        <emui-checkbox label="形象普及"></emui-checkbox>
</emui-checkbox-group>
<script>
export default {
  data() {
    return {
      datalist: []
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
Expand Copy

# Attributes

# 1、checkbox

属性 属性值 说明
label string / number / boolean checkbox 的 value
value / v-model boolean 绑定值
disabled true/false 是否禁用表单
name string 原生 name 属性

# 2、checkbox-group

属性 属性值 说明
disabled true/false 是否禁用表单
value / v-model Array 绑定值
vertical true/false 子项是否垂直排列

← select →