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可以多选否则单选
基础教程推荐
猜你喜欢
- JS如何通过FileReader获取.txt文件内容 2023-08-08
- JSONObject与JSONArray使用方法解析 2023-12-27
- Ajax引擎 ajax请求步骤详细代码 2023-02-22
- 关于 css:如何在浏览器中勾勒 HTML 页面的元素以 2022-09-21
- 5分钟教你学会 CSS Grid 布局 2023-12-20
- JavaScript CSS修改学习第二章 样式 2023-12-09
- 详解CSS3弹性伸缩盒 2023-12-20
- javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例 2023-12-27
- AppScan检测“X-XSS-Protection”头缺失或不安全等问题解决方案 2024-12-07
- 在nginx提供的HTML文件中包含主机名 2023-10-27
