v-deep解决el-table的fixed列在放大情况下导致的样式问题

问题描述：

el-table中使用fixed属性，悬浮了一列数据，在放大的情况下发现该列出现了样式差异，究其原因是设置的overflow属性未被执行。

错误样式如下，该图片在浏览器放大到110%时出现

问题代码

.el-table__fixed-right{
        overflow: hidden;
    }

代码虽然没错，但查看样式时返现只有x轴方向执行了溢出隐藏，y轴并未执行，于是出现了该问题

问题解决： 

同事推荐v-deep解决该问题，代码如下

 ::v-deep .el-table__fixed-right{
        overflow: hidden;
    }

心得： 

学到了一个新的深度样式的解决方法，但该方法还是要在组件样式scoped的方式下使用，防止篡改全局样式