ElementUI 将table多选框改为单选框的解决办法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ElementUI 将table多选框改为单选框的解决办法相关的知识,希望对你有一定的参考价值。

参考技术A 使用此方法时,如果点击了全选的CheckBox, this.multipleSelection 取到的值将会是所有的行

即:当获取到的行数大于1行时,将其置空,当作未选择处理。

为了不让此样式影响到系统中其他需要多选的表格,因此在表格上增加了一个 .single-select-table 样式。

这样,就成功地将table的多选列改为单选列啦~~✌️

以上是关于ElementUI 将table多选框改为单选框的解决办法的主要内容,如果未能解决你的问题,请参考以下文章

vue elementUI实现el-table点击行单选, 点击行多选,点击复选框单选效果

elementUI多选框的其他样式

Vue 中Element的table多选表格实现单选,并且多选表格中表头的多选框不显示或隐藏

Vue 中Element的table多选表格实现单选,并且多选表格中表头的多选框不显示或隐藏

ElementUI的Table表格添加自定义头CheckBox多选框

vue修改弹框的多选框会影响表格的内容