elradio的遍历
时间: 2023-11-08 13:46:18 浏览: 35
根据提供的引用内容,`el-radio`的遍历是通过`v-for`指令实现的。在引用中,`el-radio`通过循环遍历`form.ggn_1`和`form.ggn_2`来生成多个选项。具体代码如下:
```html
<el-radio-group v-model="radio1">
<el-radio :label="item.value" :key="item.value" v-for="item in form.ggn_1">{{ item.label }}</el-radio>
</el-radio-group>
<el-radio-group v-model="radio2">
<el-radio :label="item.value" :key="item.value" v-for="item in form.ggn_2">{{ item.label }}</el-radio>
</el-radio-group>
```
在引用中,`form`对象定义了`ggn_1`和`ggn_2`的选项。`ggn_1`和`ggn_2`是一个包含`label`和`value`属性的数组,通过循环遍历生成了多个选项。具体代码如下:
```javascript
form: {
ggn_1: [
{ label: "名称1", value: "0" },
{ label: "名称2", value: "1" },
{ label: "名称3", value: "3" },
],
ggn_2: [
{ label: "规格1", value: "0" },
{ label: "规格2", value: "1" },
{ label: "规格3", value: "3" },
],
},
```
综上所述,`el-radio`的遍历是通过循环遍历选项数组来实现的。每个选项通过`label`和`value`属性来定义,并通过`v-for`指令生成多个`el-radio`元素。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.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)