關於設置 ElementUI Loading customClass 無效的問題

1、問題

在 elementui 中使用 loading 組件時,經過服務方式調用發現設置的 customClass 無效css

經過控制檯發現類名已經添加,但無相應樣式
經過控制檯發現類名已經添加,但無相應樣式git

2、緣由

是由於當前的 css 設置了 scoped 致使設置樣式沒法做用於更深一級的 elementui 原有樣式github

3、解決方法

  1. 最簡單的方法就是去掉 scoped 做用域,可是會致使全局污染
  2. 使用深度做用選擇器,例如:.a >>> .b { /\* ... \*/ }

後記

這裏須要注意,customClass 不能用於指令調用 loading 的狀況,能夠用於以服務的方式調用(官方文檔中並無註明這一點,查閱 Issues 後才得知)ui

相關文章
相關標籤/搜索