SuitRadioGroup 字典按钮组件

说明

1、RadioGroup按钮基于el-radio-group组件进行的二次封装。
2、传入code，目前使用的数据来源来promis-web-dev。

基础用法示例

<template>
  <div>
    <suit-radio-group code="privilege_type" v-model="dict" @input="inputChange"/>
    {{dict}}
  </div>
</template>

<script>
  export default {
    data() {
      return {
        dict: null
      }
    },
    methods:{
        inputChange(val){
            console.log(val,111)
        }
    }
  }
</script>

Expand Copy Copy

禁用状态

<template>
  <div>
    <suit-radio-group code="privilege_type" :disabled="true" v-model="dict" />
    {{dict}}
  </div>
</template>

<script>
  export default {
    data() {
      return {
        dict: null
      }
    }
  }
</script>

Expand Copy Copy

按钮形状

<template>
  <div>
    <suit-radio-group code="privilege_type" :is-button="true" v-model="dict"/>
    {{dict}}
  </div>
</template>

<script>
  export default {
    data() {
      return {
        dict: null
      }
    }
  }
</script>

Expand Copy Copy

参数说明

特殊属性

属性	描述	类型	可选值	默认值
code	传入字典编码	string	-	-
isButton	是否为按钮样式	Boolena	-	false
value/v-model	绑定值	string / number / boolean	—	—
text-color	按钮形式的 Radio 激活时的文本颜色	string	—	#ffffff
disabled	是否禁用	boolean	—	false
size	单选框组尺寸，仅对按钮形式的 Radio 或带有边框的 Radio 有效	string	medium/small/mini	—
fill	按钮形式的 Radio 激活时的填充色和边框色	string	—	#409EFF

事件

事件名称	说明	回调参数
input	绑定值变化时触发的事件	选中的 Radio label 值