element-ui的el-radio-group默认选中无效或反显无效_单身girl的博客-CSDN博客_el-radio-group 默认选中

Element-ui radio单选框label布尔/数值的一个坑 - DeyouKong - 博客园

1.绑定字符串中间加单引号('')括起来

<el-radio-group v-model="radioValue" @change="$forceUpdate()" size="medium">
                <el-radio :label="'是'">是</el-radio>
                <el-radio :label="'否'">否</el-radio>
 </el-radio-group>

<script>
  export default {
    data () {
      return {
        radioValue: "是"
      };
    }
  }
</script>

2.绑定数字需要在label前加上 [ : ]

// 使用:label，值为数字
<template>
  <el-radio-group v-model="radio">
    <el-radio :label="3">备选项</el-radio>
    <el-radio :label="6">备选项</el-radio>
    <el-radio :label="9">备选项</el-radio>
  </el-radio-group>
</template>

export default {
  data() {
    return {
      radio: 3,     // 这里改为数字
    };
  }
};

3.绑定数值或者布尔类型的值，需要在label前加上 [ : ] ，像这样

<el-radio-group v-model="allowAuth">
	<el-radio :label="true">是</el-radio>
	<el-radio :label="false">否</el-radio>
</el-radio-group>

export default {
  data() {
    return {
      allowAuth: false,//布尔值
    };
  }
};