【问题标题】: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);
  }

将仅应用您选择的元素

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-15
    • 1970-01-01
    • 1970-01-01
    • 2020-06-10
    • 2012-01-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多