项目场景:
element中的el-table表格有时候需要实现单选功能,效果如下:
实现方案:
<!-- 单选 -->
<el-table-column
width="40">
<template slot-scope="scope">
<el-radio class="radio" :label="scope.row" v-model="radio" @change.native="getCurrentRow(scope.row)" > </el-radio>
</template>
</el-table-column>
data() {
return {
radio: '',
policyData: {},
};
},
getCurrentRow(val) {
this.policyData = val;
},
将选中行数据赋值给 this.policyData
进行后续的操作。