效果如下,数据都是接口返回的,
思路:
element-ui 的单选 <el-radio>标签,可通过 v-model 绑定变量来设置默认值,但上图这种效果,所有数据都是接口动态返回,不能预先在data中定义 每组单选 变量来设置默认值,
可在data中定义一个数组 qualitySelect,数据返回时,有几组数据向这个数组中push几个值,值为每组数据默认的选中值,注意,值必须为number类型,才会给 <el-radio>的v-model赋值上
<table>
<tr v-for="(item,index) in qualityLabel" :key="index">
<td>{
{item.name}}</td>
<td>
<el-radio v-for="(option,idx) in item.labels" v-model="qualitySelect[index]" :label="option.id" :key="idx">{
{option.value}}</el-radio>
</td>
</tr>
</table>