Element ui多选框实现单选且隐藏全选按钮

2023-10-30

 添加表格多选框列

<el-table-column type="selection" width="55"></el-table-column>

通过 @selection-change="handleSelectionChange"实现单选逻辑

handleSelectionChange(e) {
            this.selectedItem = e
            if(e.length > 1) {
                this.$refs.multipleTable.clearSelection()
                this.$refs.multipleTable.toggleRowSelection(e.pop())
            }
        }

隐藏全选按钮

::v-deep thead .el-table-column--selection .cell{
    display: none;
}

实现效果:

 选中的值永远只有一项

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Element ui多选框实现单选且隐藏全选按钮 的相关文章

随机推荐