title	preview
Check 复选项	https://didi.github.io/mand-mobile/examples/#/check

引入

import { Check, CheckBox, CheckGroup, CheckList } from 'mand-mobile'

Vue.component(Check.name, Check)
Vue.component(CheckBox.name, CheckBox)
Vue.component(CheckGroup.name, CheckGroup)
Vue.component(CheckList.name, CheckList)

代码演示

API

Check Props

属性	说明	类型	默认值	备注
name	唯一键值	any	true	当选中时，双向绑定的值
v-model	选中的值	any	false	-
label	选项文案	String	-	-
disabled	是否禁用选择	Boolean	false	-
icon	选中项图标名称	String	checked	-
icon-inverse	未选中项图标名称	String	checke	-
icon-disabled	禁用项选择图标名称	String	check-disabled	-
icon-svg2.3.0+	使用svg图标	Boolean	false	-
size	图标大小	String	md	-

---

CheckBox Props

属性	说明	类型	默认值	备注
name	唯一键值	any	true	当选中时，双向绑定的值
v-model	选中的值	any	false	-
disabled	是否禁用选择	Boolean	false	-

---

CheckGroup Props

复选组，用以选中多个复选项。与Check或CheckBox组合使用。

属性	说明	类型	默认值	备注
v-model	选中的值	Array	-	-
max	最多选择几个	Number	0	0为不限制

CheckGroup Methods

check(name)

参数	说明	类型	默认值
name	需要选中的键值	String	-

uncheck(name)

参数	说明	类型	默认值
name	需要去掉的键值	String	-

toggle(name)

参数	说明	类型	默认值
name	需要反选的键值	String	-

toggleAll(checked?: Boolean)

全选或者反选（对disabled的选项不改变其原选中状态）^2.5.9+

参数	说明	类型	默认值
checked	全选或全不选	Boolean	如果传空，则反选

---

CheckList Props

属性	说明	类型	默认值	备注
v-model	选中项的value	Array	-	-
options	选项数据源	Array<{text, value, disabled, ...}>	[]	disabled为选项是否禁用
icon2.3.0+	选中项的图标	String	checked	-
icon-inverse2.3.0+	非选中项的图标	String	check	-
icon-disabled2.3.0+	禁用项的图标	String	check-disabled	-
icon-size2.3.0+	图标大小	String	md	-
icon-svg2.3.0+	使用svg图标	Boolean	false	-
icon-position2.3.0+	图标位置	String	right	left, right
is-slot-scope	是否强制使用或不使用slot-scope	Boolean	-	某些情况下需要根据业务逻辑动态确定是否使用，可避免直接组件上加if/else

CheckList Slots

<template>
  <md-check-list :options="data">
    <template slot-scope="{ option, index, selected }">
      <div class="custom-title" v-text="option.text"></div>
      <div class="custom-brief">{{ option.text }}的自定义描述</div>
    </template>
  </md-check-list>
</template>