sf-dict-checkbox 字典多选框
sf-dict-checkbox 介绍
1.该组件是字典多选框，根据字典type获取字典值并生成多选选项选项；
2.该组件可通过设置disabledItems满足对部分字典值进行禁用的功能；
sf-dict-checkbox Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 字典的type值 | String | — | — |
| value/v-model | 字典值 | Array | — | [] |
| filter | 过滤方法 | Function | — | — |
| disabled | 是否禁用 | Boolean | true, false | false |
| disabledItems | 禁用选项的数组 | Array | — | [] |
| size | 输入框尺寸 | String | medium/small/mini | — |
| textColor | 按钮形式的 Radio 激活时的文本颜色 | String | — | — |
| fill | 按钮形式的 Radio 激活时的填充色和边框色 | String | — | — |
| min | 可被勾选的 checkbox 的最小数量 | Number | — | — |
| max | 可被勾选的 checkbox 的最大数量 | Number | — | — |
| button | 是否是按钮形式 | Boolean | true, false | false |
| border | 是否启用边框 | Boolean | true, false | false |
sf-dict-checkbox Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| check | 选择时触发 | val |
| change | 选中值改变时触发 | val |
sf-dict-checkbox 使用
<template>
<div>
<sf-card>
<sf-dict-checkbox
type="sys_menu_type"
v-model="checkValue"
@change="XXX"
></sf-dict-checkbox>
</sf-card>
</div>
</template>
<script>
export default {
data() {
return {
checkValue: ['0', '1']
}
},
methods: {
XXX() {}
}
}
</script>
页面初始效果
