# 单选框组组件

# 介绍

单选框组

# 功能

  • 基于element ui的el-radio-group组件进行封装

# 基础使用 (传入数组或者对象)

<template>
  <div class="t-input">
    <div class="content-main t-margin20">
      <Ot-Radio-Group
        size="mini"
        v-model="variableName"
        placeholder="请选择"
        :data="{
          type: 'value',
          data: {
            userid: '用户id',
            sysdate: '系统时间',
            deptid: '部门id',
            orgid: '租户id',
            suborgid: '子组织id',
          },
        }"
      ></Ot-Radio-Group>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      variableName: ''
    };
  },
  methods: {
  },
};
</script>
显示代码

# 默认选择第一个

<template>
  <div class="t-input">
    <div class="content-main t-margin20">
      <Ot-Radio-Group
        size="mini"
        v-model="variableName"
        defaultCheckFirst
        placeholder="请选择"
        :data="{
          type: 'value',
          data: {
            userid: '用户id',
            sysdate: '系统时间',
            deptid: '部门id',
            orgid: '租户id',
            suborgid: '子组织id',
          },
        }"
      ></Ot-Radio-Group>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      variableName: ''
    };
  },
  methods: {
  },
};
</script>
显示代码

# 示例

 <ot-radio-group v-model="formData.itemScope"
    :data="{type:'value', data:{'system':'平台','org':'租户'}}">
</ot-radio-group>

# 参数说明

  • v-model: 双向绑定的值,注意此处为一个数组
  • data:
    {type:'value',data:{1:'男',2:'女'}},固定组,即固定的组值