el-radio-group v-for
时间: 2023-10-19 14:34:52 浏览: 133
el-radio-group v-for是一个在Vue.js中常用的语法,用于循环遍历一个数组并生成多个el-radio组件。在el-radio-group标签上使用v-for指令,可以将一个数组中的每个元素映射为一个el-radio组件。这样就可以动态生成多个el-radio组件,每个组件都有相同的父级el-radio-group,并且绑定了一个唯一的值。通过v-model指令,可以将选中的el-radio的值赋值给一个变量,从而实现对选中值的获取和设置。在模板中的写法如下:
```html
<el-radio-group v-model="form.informantType">
<el-radio v-for="item in options" :key="item.value" :value="item.value" :label="item.value">
{{item.label}}
</el-radio>
</el-radio-group>
```
其中,v-for指令的参数是一个数组,每个数组元素都会被遍历生成一个el-radio组件。:key用于标识每个el-radio组件的唯一性,:value绑定每个el-radio的值,:label为el-radio的显示文本。form.informantType是一个变量,用于保存选中的el-radio的值。通过v-model指令,将form.informantType与选中的el-radio的值进行绑定,从而实现对选中值的获取和设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [el-radio-group for循环方法](https://blog.csdn.net/weixin_38373875/article/details/94878135)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [elementUi vue el-radio 监听选中变化的实例代码](https://download.csdn.net/download/weixin_38576779/14820744)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文