解决Element-ui radio单选框label布尔/数值的一个坑

针对“解决Element-ui radio单选框label布尔/数值的一个坑”这个问题，我准备整理出一份完整的攻略，供大家参考。

问题描述

在使用 Element-UI 的 radio（单选框）组件时，可能会遇到一个问题，即在 label 属性中使用了布尔值或数值类型时，无法正常选中你所想要的选项，需要进行额外的处理。

解决方案

问题的解决方案是在 el-radio-group（单选框组）中使用 v-bind:key 给每个选项一个唯一的键值。

具体做法如下：

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

其中，:key="radio" 将 radio 这个变量作为项的唯一键值，这样每次选中的值不同，对应不同的键，就能保证选中的选项是正确的。

如果 label 中使用的是数字，则需要将数字转换成字符串使用。

示例代码如下：

<el-radio-group v-model="choice" :key="choice">
  <el-radio :label="'1'">选项1</el-radio>
  <el-radio :label="'2'">选项2</el-radio>
  <el-radio :label="'3'">选项3</el-radio>
</el-radio-group>

总结

在使用 Element-UI 的 radio 组件时，选择的选项值不能是布尔值或数字。需要将布尔值转换为字符串或在 label 中使用字符串类型的数字。同时为每个选项指定唯一的键，可以避免选项选中出现异常。

希望这份攻略对大家有所帮助。