el-table 单选
原创
©著作权归作者所有:来自51CTO博客作者wx66614ceba7a58的原创作品,请联系作者获取转载授权,否则将追究法律责任
<el-table
v-loading="loading"
:data="list"
class="typeTable"
@select="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
align="center"
/>
<el-table-column
label="XXXX"
align="center"
prop="XXX"
/>
</el-table>
// 选中数据
//原理就是取消所有选择,再选中点击的,达到单选效果
handleSelectionChange(selection) {
if (selection.length > 1) {
this.$refs.typeTable.clearSelection();
this.$refs.typeTable.toggleRowSelection(selection.pop());
}
}