移除组件端导入的 CSS

【问题标题】：Removing imported CSS on component end移除组件端导入的 CSS
【发布时间】：2018-10-13 06:48:27
【问题描述】：

我有很多组件可以导入托管的 css 文件，如下所示：

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

我想要的是一种在诸如beforeDestroy 这样的生命周期结束挂钩上删除这些导入样式表的方法。

这可能吗？

【问题讨论】：

标签： javascript css vue.js vuejs2 vue-component

【解决方案1】：

您要执行的操作取决于 vue-loader（如果您使用的是 webpack），它看起来很反直觉。因此，没有理由从文档中删除样式。您可以做的是在样式表中定义您的 CSS 类或在 viewmodel 中定义为数据变量，并在 Vue 组件的生命周期中分配/删除这些类，例如 beforeCreate/beforeDestroy 等。

【讨论】：

是的，我意识到这似乎违反直觉。我们正在处理一些遗留系统集成，长话短说，我们需要在销毁时完全删除这些表格。
好吧！我不喜欢这样说，你需要变得超级丑陋。我认为您需要类似beforeDestroy 上共享的链接。但不应该遵循这种模式。虽然这只是一个想法stackoverflow.com/questions/5033650/…