element表格点击某一单元格，当前列变色，列变色

今天，天气晴朗，北风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 {

      }

    },