el-table用type="selection"单选,实现相同name可以多选否则单选。JS代码如下:
selectionLineChangeHandle(selection, val) {
let flag = 0;
if (selection.length > 1) {
for (let i = 0; i < selection.length; i++) {
if (selection[i].name != val.name) {
flag = 1;
}
}
if (flag == 1) {
this.$refs.table.clearSelection();
this.$nextTick(() => {
this.$refs.table.toggleRowSelection(selection.pop());
});
}
}
}
以上是编程学习网小编为您介绍的“el-table实现相同name可以多选否则单选”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:el-table实现相同name可以多选否则单选
猜你喜欢
- 解决页面整体使用transform scale后高德地图点位点击偏移错位问题 2024-01-05
- 如何在 Illustrator 中存储图稿?AI图稿存储五大基本格式 2024-02-05
- vuejs浙里办如何埋点(附代码) 2024-12-07
- JavaScript将数字转换成大写中文的方法 2023-12-27
- Python3实现飞机大战游戏 2023-12-23
- Ajax实现文件上传功能(Spring MVC) 2023-02-23
- 一个js随机颜色脚本(用于标签页面,也可用于任何页面) 2023-12-26
- 使用HTML / PHP从SQL数据库创建列表 2023-10-26
- Reactjs 错误边界优雅处理方法demo 2024-02-25
- css高度塌陷问题的解决方案 2023-12-15