在组件端删除导入的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等。