把elementUi的table 表格多选改成单选

最新推荐文章于 2024-07-23 10:45:46 发布

Chengiri894

最新推荐文章于 2024-07-23 10:45:46 发布

阅读量897

点赞数 2

文章标签： vue.js

本文链接：https://blog.csdn.net/Chengiri/article/details/123628297

版权

最重要的是这个两个事件（@row-click和@select）

@row-click="qualityTestClick"
@select="selectInfo"
ref="tbqualityTest"

表格行内点击选中

 qualityTestClick(row) {
      this.$refs.tbqualityTest.clearSelection();
      this.$refs.tbqualityTest.toggleRowSelection(row)
    },

把多选改成单选

selectInfo(selection, row) {
          // 清除 所有勾选项
          this.$refs.tbqualityTest.clearSelection();
          // 当表格数据都没有被勾选的时候 就返回
          // 主要用于将当前勾选的表格状态清除
          if (selection.length == 0) return;
          this.$refs.tbqualityTest.toggleRowSelection(row, true);
    },