<el-radio-group v-model.number="formData.menuType">
<el-radio v-for="(val, key) in menuTypeMap" :key="key" :label=key>{{ val }}</el-radio>
</el-radio-group>
上述代码中循环变量menuTypeMap是Map对象,放进el-radio后,v-model绑定的默认值没有生效,同时,点击后未选中任何选项,将Map对象改为对象集合后正常,如下:
<el-radio-group v-model.number="formData.menuType">
<el-radio v-for="(item, index) in menuTypeList" :key="index" :label="item.value">{{ item.description }}</el-radio>
</el-radio-group>
menuTypeMap对象格式:
{ 1: 'Menu', 2: 'Button', }
menuTypeList对象格式:
[{value: 1, description: "Menu"}, {value: 2, description: "Button"}]