今天，天气晴朗，北风4-5级
今天，项目中有个需求，使用element表格的时候，当我点击表格中的某一个单元格的时候，当前单元格所在的列变色，以下是实现列变色办法
首先table添加以下属性
2.方法中写入以下方法
//给表格单元格赋值当前行信息
cellClassName({ row, column, rowIndex, columnIndex }) {
row.index = rowIndex;
column.index = columnIndex;
},
//单元格样式
selectedstyle({ row, column, rowIndex, columnIndex }) {
if (this.getIndex === columnIndex) {
return { "background-color": "#C4E1FF" };
} else {
return { "background-color": "#ffffff" };
}
},
//单元格点击事件
cellClick(row, column, cell, event) {
// debugger;
//获取当前点击的单元格赋值给getIndex，并通知vue改变当前单元格颜色
if (column.index == 1 || column.index == 2) {
this.getIndex = column.index;
this.$refs.probeWork.init(column.label,this.form.llsf);
return;
} else {
}
},
版权声明：本文为qq_39548550原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。