如何仅包含一个模板的样式文件？

【问题标题】：How can i include file of styles for only one template?如何仅包含一个模板的样式文件？
【发布时间】：2021-12-28 17:48:04
【问题描述】：

我有一个 Materialize.min.css 链接

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

而且我只需要将这个文件包含在一个 Vue 模板中，因为它会损坏其他文件。有可能吗？

【问题讨论】：

也许阅读this article可以帮助你
@hamid-davodi 非常感谢

标签： vue.js vue-component vuex

【解决方案1】：

复制此 URL https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css 中的所有内容并创建一个新的 css 文件，然后将复制的内容粘贴到您的项目中。

 mounted() {
    const plugin = document.getElementById("__ID_OF_YOUR_SELECTED_ELEMENT__");
    plugin.setAttribute(
      "href",
      "__PATH_OF_YOUT_CSS__"
    );
    plugin.async = true;
    document.head.appendChild(plugin);
  }

将仅应用您选择的元素

【讨论】：