> For the complete documentation index, see [llms.txt](https://vuxjs.gitbook.io/vux/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vuxjs.gitbook.io/vux/biao-dan-zu-jian/checklist-duo-xuan.md).
# checklist 多选
## Props
| 参数 | 说明 | 类型 | 默认值 |
| ------------ | ----------- | ------- | ----- |
| title | 选项标题 | String | 无 |
| required | 可选，是否为必选项 | Boolean | true |
| options | 选项数组 | Array | 无 |
| value | 可选，已选择条目值 | Array | 无 |
| max | 可选，至多选择条目个数 | Number | 无 |
| min | 可选，至少选择条目个数 | Number | 无 |
| random-order | 可选，是否打乱条目排序 | Boolean | false |
> 当设置`required=false`时，`min`设置将无效，即最少选定个数为0
## Demo
### 基本使用
\`\`\` vux height=240 components=Checklist
\
\
export default {\
data () {\
return {\
hobbies: \['篮球', '足球', '羽毛球', '打飞机'],\
hobby: \['打飞机']\
}\
},\
methods: {\
change (val) {\
console.log('change', val)\
}\
}\
}\
\`\`\` ### 设定选择条目个数 \`\`\` vux height=250 components=Checklist\
export default {\
data () {\
return {\
items: \['篮球', '足球', '羽毛球', '台球'],\
selectedItems: \[]\
}\
},\
methods: {\
change (val) {\
console.log("change", val)\
}\
}\
}
````
### key-value类型数组展示
> 每个条目的`key`必须为字符串
``` vux height=200 components=Checklist
````
### 打乱展示顺序
\`\`\` vux height=250 components=Checklist
\
\
export default {\
data () {\
return {\
items: \['篮球', '足球', '羽毛球', '台球'],\
selectedItems: \[]\
}\
}\
}
\`\`\`