<el-radio 传递的数值

在Vue.js中使用Element UI的`<el-radio>`组件时，传递的数值通常是指`v-model`属性绑定的值。当你想通过接口获取数据并显示在`<el-radio>`上，你需要做以下几步：

1. **获取接口数据**[^1]:

   <el-radio v-for="(item, index) in templateRangeData" :key="index" :label="item.itemCode" :value="item.itemCode">
     {{ item.itemCode }}
   </el-radio>

这里假设`templateRangeData`是从接口返回的数据数组，其中包含了`itemCode`。

2. **绑定数据到`v-model`**:
`v-model`绑定的是用户选择的值，它应该是`item.itemCode`，这样点击对应的radio时，该值会被设置为当前选中的项。

3. **确保数据类型匹配**:
当`<el-radio>`用于双向绑定时，确保`:value`的值类型与`:label`相同，以避免数据转换错误。如果数据是数字，那么两者都是数字；如果是字符串，两者都是字符串。

4. **处理多选情况**:
如果需要支持多选，可以使用`<el-checkbox>`而不是`<el-radio>`，或者结合`v-model`的数组形式来管理多个选项。

相关问题--:
1. 如何在`<el-radio>`中处理非数字类型的`itemCode`？
2. 如果接口返回的数据结构复杂，如何适配不同的`v-model`绑定？
3. 如何处理接口数据更新时，`<el-radio>`的动态渲染？