梦开始：初代代码如下：

// template
 {
            title: "操作", 
            align: "center",
            render: (h:any, params:any) => {
                return h('div',[
                    h(
                        'span',{
                            class:{
                                tableOperation: true,
                                tableOperationDis: params.row.vaild === 0 ? true : false
                            }
                        }, "生效")
  }

// style
  .tableOperation {
     cursor: pointer;
     color: rgb(117, 194, 245);
     margin-left: 3%;
 }
 .tableOperation:hover{
     color: rgb(231, 71, 71);;
 }
 .tableOperationDis {
     display: none
 }

结果发现，span上已经有了class="tableOperation" 但是span并没有效果。
原因大概就是在 style部分了

梦醒了

• 我把scoped去掉后发现，span就会有样式了
• 所以最终的style是这样的，如下，即保留了scoped 又能生效

// style
::v-deep .tableOperation {
    cursor: pointer;
    color: rgb(117, 194, 245);
    margin-left: 3%;
}
::v-deep  .tableOperation:hover{
    color: rgb(231, 71, 71);;
}
::v-deep .tableOperationDis {
    display: none
}

。。。。