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的变量值传递给ASP变量 2024-01-07
- Ajax回退刷新页面问题的解决办法 2023-01-20
- 拉动滚动条加载数据的jquery代码 2024-02-04
- vue动态渲染img,图片不显示 2023-10-08
- 纯CSS实现垂直居中的9种方法 2023-12-12
- 利用模糊实现视觉3D效果实例讲解 2022-11-23
- 使用getJSON()异步请求服务器返回json格式数据的实现 2023-02-13
- 布局遇到的问题 非常不错的见解 2023-12-12
- 史上最强vue总结来了,这原因我服了 2023-10-08
- javascript js cookie的存储,获取和删除 2024-01-06