vue+element 实现同一行内不同列的单选功能

<el-table :data="reviewEditData" v-loading="reviewEditLoading" height="calc(100vh - 450px)" border class="mt8"> <el-table-column label="项目名称" prop="a"></el-table-column> <el-table-column label="结果1" prop="b"> <template slot-scope="scope"> <el-radio :label="scope.row.b" v-model="scope.row.checked" @change.native="changeReviewResult(scope.row,scope.row.b)"></el-radio> </template> </el-table-column> <el-table-column label="结果2" prop="c"> <template slot-scope="scope"> <el-radio :label="scope.row.c" v-model="scope.row.checked" @change.native="changeReviewResult(scope.row,scope.row.c)"></el-radio> </template> </el-table-column> <el-table-column label="结果3" prop="d"> <template slot-scope="scope"> <el-radio :label="scope.row.d" v-model="scope.row.checked" @change.native="changeReviewResult(scope.row,scope.row.d)"></el-radio> </template> </el-table-column> <el-table-column label="结果4" prop="e"> <template slot-scope="scope"> <el-radio :label="scope.row.e" v-model="scope.row.checked" @change.native="changeReviewResult(scope.row,scope.row.e)"></el-radio> </template> </el-table-column> <el-table-column label="参考区间" prop="a"></el-table-column> </el-table> // 测试数据，此处checked用于绑定当前行中选择的值 this.reviewEditData = [{ a: 1, b: 2, c: 3, d: 4, e: 5, checked:2 }, { a: 2, b: 3, c: 4, d: 5, e: 6, checked:4 }]