element-ui 里面的table 点击行进行切换选中状态

element-ui 里面的table 点击行进行切换选中状态

<template>
	<div>
		 <el-table 
		 :data="tableData"
		  @row-click="btn" ref="eltableCurrentRow" //点击当前行就会触发
		  ref="eltable"//必须有ref 这个实例,才能去掉用toggleRowSelection 这个方法
		  @selection-change="handleSelectionChange">
	</div>
</template>
<script>
export default {
 	data() {
    	return {}
    },
    methods: {
	    btn(row, col, event) {
	      row.flag = !row.flag;
	      this.$refs.eltable.toggleRowSelection(row, row.flag);
	    },
	}
  }	
</script>