在ElementUI中改变el-table中的el-table-column样式

1.效果一览

2.实现思想：

        使用作用域插槽：slot-scope="scope"；绑定class类'back'；v-if条件判断：如果scope.row.xh == 1,2,3 ,则给他绑定类，设置样式。不满足条件的则不绑定类，不设置样式。

3.实现代码：

html代码：

 data中的代码：

        isBack:true,

//  

 tableData: [
        {
          xh: "1",
          zhmc: "我的名字",
          dgck: 1200,
          dgdk: 1200,
          zhsr:1200,
          sxze:1200
        },
 ]

style中的代码：

.back{
  background: linear-gradient(225deg, #9185FF 0%, #6392FF 100%);//设置渐变色
  font-size: 10px;  //字体的大小
  width: 20px;      //宽度
  height: 20px;     //长度
  line-height: 20px;    //字体垂直居中
  border-radius:15px;     //圆角
  color:#fff;
  position: absolute;
  left: 30px
  // z-index:999
}