Удаление импортированного CSS в конце компонента

Question

У меня есть много компонентов, которые импортируют размещенные css файлы следующим образом:

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

То, что я хочу, это способ удаления этих импортированных таблиц стилей в конце жизненного цикла, например beforeDestroy.

Возможно ли это?

Answer 1

То, что вы пытаетесь сделать, зависит от vue-loader (если вы используете веб-пакет) и выглядит как интуитивно понятное. Таким образом, нет причин для удаления стилей из документа. Что вы можете сделать, это определить свои CSS-классы в таблицах стилей или как переменную данных в viewmodel и назначить / удалить эти классы в течение жизненного цикла компонента Vue, как beforeCreate / beforeDestroy и т. Д., Если хотите.