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