(vue)element-ui 表格实现勾选单选
效果：
重选后：
文章来源：https://www.toymoban.com/news/detail-523743.html
<el-table
:data="tableData"
height="400" //固定高度滚动
tooltip-effect="dark"
style="width: 100%"
border
ref="multipleTable" //重点
@select="handelSelectTable" //重点
>
// 表格单勾选
handelSelectTable(selection, row) {
this.multipleSelection = row;
this.$refs.multipleTable.clearSelection(); //先清空选中状态，selection值还在
if (selection.length === 0) {
//这里状态为勾选
return;
}
this.$refs.multipleTable.toggleRowSelection(row, true); //用于切换某行选中状态
},
解决参考：https://blog.csdn.net/m0_58373910/article/details/125912828文章来源地址https://www.toymoban.com/news/detail-523743.html
到了这里，关于(vue)element-ui 表格实现勾选单选的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
