elradio的遍历
时间: 2023-11-08 12:46:18 浏览: 37
根据提供的引用内容,`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`元素。