el-radio踩坑记录

• 描述

使用Element的el-radio组件时，对boolean类型的值进行二选一时，在el-radio的label上绑定了true和false，发现并没有安装v-model绑定的数据正确渲染el-radio的选择项。错误代码如下：

<el-radio-group v-model="bool">
<el-radio label="true"></el-radio>
<el-radio label="false"></el-radio>
</el-radio-group>

• 解决
  element-ui单选框可以绑定string/number/boolean类型的数据，但是绑定数值或者布尔类型的值时需要在label用v-bind绑定，正确代码如下：

<el-radio-group v-model="bool">
<el-radio :label="true"></el-radio>
<el-radio :label="false"></el-radio>
</el-radio-group>