el-table多选框点击表格选中和取消_el-select 多选 已选中的项 然后 按回车 不可取消选中这项

<div>
<el-table ref='mytable' :data='dataList'  @select-change='checkAll' @row-click='checkOne'> 
<el-table-column type='selection'></el-table-column>
<el-table-column type='index' label='序号'></el-table-column>
<el-table-column  v-foe=(item,index) in tableHead     :label='item.label'   :prop='item.prop'></el-table-column>
</el-table>
</div>

data(){
	return{
		dataList:[],
		checkedAllList:[],
		tableHead:[
		{label:'id',prop:'1'},
		{label:'name',prop:'ceshi'},
		{label:'age',prop:'17'}
		]
		}
},
methods:{
 	// 全选
	checkedAll(val){
	this.checkedAllList=val;
	},
	//选中、取消
	checkedOne(val){  
		if(val){
				this.$refs.maytable.toggleSelection(val);
		}else{
				this.$refs.maytable.clearSelection(val);
		}
	}
}


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35