时间戳

首页 > 解决方案 > 移除组件端导入的 CSS

javascript - 移除组件端导入的 CSS

问题描述

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

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

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

这可能吗？

标签： javascriptcssvue.jsvuejs2vue-component

解决方案

您尝试做什么取决于vue-loader（如果您使用的是 webpack），它看起来像反直觉。因此，没有理由从文档中删除样式。您可以做的是在样式表中定义您的 CSS 类或在视图模型中定义为数据变量，并在 Vue 组件的生命周期中分配/删除这些类，如 beforeCreate/beforeDestroy 等，如果您愿意。

推荐阅读