Nuxt CNode：Node.js专业中文社区

Vue nuxtjs中怎么使用条件注释？

发布于 7 年前作者 yuquanH 4981 次预览最后一次回复是 7 年前来自问答

Vue nuxtjs中怎么使用条件注释？比如<!–[if lt IE 9]><![endif]–>

2 回复

你可以定制化 Nuxt.js 默认的应用模板。定制化默认的 html 模板，只需要在应用根目录下创建一个 app.html 的文件。默认模板为：

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>

举个例子，你可以修改模板添加 IE 的条件表达式：

<!DOCTYPE html>
<!--[if IE 9]><html lang="en-US" class="lt-ie9 ie9" {{ HTML_ATTRS }}><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html {{ HTML_ATTRS }}><!--<![endif]-->
  <head>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>

以上，摘自文档。

yuquanH

2楼•7 年前

@ximolang 非常感谢您的回答，谢谢。