el-radio不设置label时会使所有radio选择上
时间: 2023-08-29 15:06:15 浏览: 44
是的,如果 `el-radio` 没有设置 `label` 属性,那么所有的 `el-radio` 都会被选中,因为它们的值都是默认的 `undefined`。为了避免这种情况,你需要给每个 `el-radio` 设置一个唯一的 `label` 属性,并且确保每个 `el-radio` 的值都不同。例如:
```
<template>
<div>
<el-radio v-for="option in options" :key="option.value" :label="option.value" :name="'option-' + option.value">{{ option.label }}</el-radio>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{ label: 'Option 1', value: '1' },
{ label: 'Option 2', value: '2' },
{ label: 'Option 3', value: '3' }
]
}
}
}
</script>
```
在这个例子中,我们给每个 `el-radio` 设置了一个唯一的 `name` 属性,确保只能有一个 `el-radio` 被选中。同时给每个 `el-radio` 设置了一个唯一的 `label` 属性,确保它们的值都不同。这样,就可以避免所有 `el-radio` 被选中的情况。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)