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可以多选否则单选
基础教程推荐
猜你喜欢
- JavaScript编写推箱子游戏 2024-02-10
- CSS实现移动端横向滚动导航条(PC端也适用) 2023-12-20
- js确认框confirm()用法实例详解 2024-02-09
- Vue SPA 首屏优化方案 2024-03-09
- 基于h5的history改善ajax列表请求体验 2022-10-17
- Ajax跨域问题的解决办法汇总(推荐) 2022-12-28
- 解析页面加载与js函数的执行 onload or ready 2024-02-10
- JavaScript几种形式的树结构菜单 2024-02-08
- 纯css实现立体摆放图片效果的示例代码 2024-04-07
- 手把手教你用Javascript实现观察者模式 2023-08-12