在組件端刪除導入的CSS

Question

我有許多導入托管CSS文件的組件，如下所示：

<style scoped>
  @import 'https://test.com/path/to/my-stylesheets/styles.css';
</style>

我想要的是一種在最終生命周期掛鈎（例如beforeDestroy上刪除這些導入的樣式表的方法。

這可能嗎？

Answer 1

您要嘗試執行的操作取決於vue-loader （如果使用的是webpack），並且看起來像是一種直觀的計數器。 因此，沒有理由從文檔中刪除樣式。 您可以做的是在樣式表中定義CSS類，或者在viewmodel中將其定義為數據變量，並在Vue組件的生命周期內分配/刪除這些類，例如，如果願意的話，例如beforeCreate / beforeDestroy等。