child.vue

<template>
  <div class="hsInputBox">
     <div class="inputCurr">
          <el-radio-group v-model="valueInner">
            <el-radio v-for="(item,index) in radioList" :key="index" :label='item.value'>
              {{item.label}}
            </el-radio>
          </el-radio-group>
     </div>
  </div>
</template>
<script>
import commonMixins from '../ucClass/commonMixins'
export default {
  mixins: [commonMixins],
  name: 'radio-component',
  computed: {
    configData: function() {
      return this.allSourceData.config
    },
    radioList: function() {
      return this.allSourceData.config.radioList || []
    },
    valueInner: {
      set: function(value) {
        this.$emit('input', value)
      },
      get: function() {
        return this.value
      }
    }
  }
}
</script>
<style scoped>
.hsInputBox{
  padding: 1px;
  width:100%;
  height:100%;
  display: flex;
}

.inputCurr{
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>