Vue中Element的table多选表格如何实现单选_vue.js_

select(selection, row) { // 清除 所有勾选项 this.$refs.multipleTable.clearSelection() // 当表格数据都没有被勾选的时候 就返回 // 主要用于将当前勾选的表格状态清除 if(selection.length == 0) return this.$refs.multipleTable.toggleRowSelection(row, true); }, // 表格的选中 可以获得当前选中的数据 selectionChange(val) { // 将选中的数据存储起来 this.selectData = val }, // 表格某一行的单击事件 rowClick(row, column) { const selectData = this.selectData this.$refs.multipleTable.clearSelection() if( selectData.length == 1 ) { selectData.forEach(item => { // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 if (item == row) { this.$refs.multipleTable.toggleRowSelection(row, false); } // 不然就让当前的一行勾选 else { this.$refs.multipleTable.toggleRowSelection(row, true); } }) } else { this.$refs.multipleTable.toggleRowSelection(row, true); } },

 methods: {     onSelectAll() {       this.$refs.multipleTable.clearSelection();     },     selectItem(rows) {       if (rows.length > 1) {         const newRows = rows.filter((it, index) => {           if (index == rows.length - 1) {             this.$refs.multipleTable.toggleRowSelection(it, true);             return true;           } else {             this.$refs.multipleTable.toggleRowSelection(it, false);             return false;           }         });         this.multipleSelection = newRows;       } else {         this.multipleSelection = rows;       }       this.userId = this.multipleSelection.length         ? this.multipleSelection[0].guid         : "";     },     onSelectOp(row) {       this.$refs.multipleTable.clearSelection();       this.$refs.multipleTable.toggleRowSelection(row, true);       this.multipleSelection = [];       this.multipleSelection.push(row);     },       handleCheckChange(data, checked, indeterminate) {       if (checked) {         this.$refs.dataTree.setCheckedKeys([data.lobbyCode]);       }     }, }