Условная таблица стилей в Nuxt - PullRequest
0 голосов
/ 12 октября 2019

Мой CSS плохо рендерится в Internet Explorer даже после использования префиксов IE. Поэтому я хочу попробовать условную таблицу стилей, но я не уверен, как это сделать в Nuxt

В Nuxt лучше всего использовать условную таблицу стилей CSS в nuxt.config.js или использовать в default.vueшаблон, но это не вписывается туда, так как условная таблица стилей обычно применяется в теге head.

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

Это типичный пример того, что я хочу попробовать. Если я могу получить помощь в том, как отформатировать его, чтобы его можно было использовать в nuxt.config.js или в компоненте Vue.

1 Ответ

1 голос
/ 13 октября 2019

Вы можете расширить HTML-шаблон по умолчанию из Nuxt.

Создайте новый файл "app.html" в корне вашего проекта и установите свой собственный HTML-шаблон с помощью.

см. Документ: https://nuxtjs.org/guide/views#document

// app.html

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    {{ HEAD }}
    <!--[if IE]><link rel="stylesheet" type="text/css" href="all-ie-only.css"><![endif]-->
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...