el-table的selection实现单选,文字选中

113 阅读1分钟
            <el-table ref="table" class="table"  :data="addList" @selection-change="handleSelectionChange" @row-click="rowClick">
	<el-table-column label="序号" type="selection" min-width="30" align="left"/>
                    /**
		 * 多选框选中数据
		 * */
		handleSelectionChange(val) {
			this.selectList=[]
                            console.log(val,'00');
                            if (val.length > 1) {
                                  this.$refs.table.clearSelection();
                                  this.$refs.table.toggleRowSelection(val.pop());
                              }
                            this.selectList=val
                            console.log(this.selectList,'this.selectList');
			
		},
                    			/* 点击行 */
		rowClick(row, column, event){
	if (this.selectList[0] == row) {  // 选中的是已有的 取消选中
		this.selectList = [];
		this.$refs.table.clearSelection();
		} else {
		this.selectList = [row];
		this.$refs.table.clearSelection();
		this.$refs.table.toggleRowSelection(row, true);
		}
		console.log(this.selectList,'this.selectList');

		},