vue render函數中渲染僞類元素和style中scoped的問題？

使用vue的render生成一個table 需求以下：根據文件類型加載不一樣的圖標

因而我用css僞類寫了幾種帶折角的圖標，起始樣式同樣，就是顏色和中間文字不同：

效果圖以下

而後使用render函數生成表格：

其實就是根據文件類型不一樣，加載我寫好的class

爲了測試我還在table下方單獨寫了幾個div看看效果：

結果,坑來了。。。。。。。。。。。。。。。。

下面的靜態div一切正常，表格裏面的render的沒效果？坑我啊？

看一下頁面的dom，class已經生成了啊

對比一下有效果的div

好像沒什麼區別，在仔細看看臥槽。。發現問題了。。。。。。。

這是什麼鬼

原來是style scoped生成了css模塊化，去掉scoped一切ok

但願對你們有用