删除组件端的导入CSS

时间:2018-05-03 04:12:17

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

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

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

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

这可能吗?

1 个答案:

答案 0 :(得分:1)

你要做的事情取决于vue-loader(如果你使用的是webpack),它看起来像一个反直觉的反击。因此,没有理由从文档中删除样式。您可以做的是在样式表中定义CSS类或在viewmodel中定义数据变量,并在Vue组件的生命周期中分配/删除这些类,如beforeCreate / beforeDestroy等。如果您愿意的话。