将 v-html 与消息数据一起使用——Vue 不支持 <title> 元素吗？

Question

我用的是Vue.js2，我的SDK是IntelliJ:

我正在尝试将 HTML 导入到 Vue.js 文件中。

目的是为了 <title></title> 属性，因为 Vue 似乎不直接支持这个。

在 <template> 标记中，我有：

div v-html="message1"></div>

在数据中，我有一个非常简单的信息1：

message1:   '<title>My webpage -- from message1 </title>',

有趣的是，我可以使用“moustache”语法显示 message1，但它只显示标题标签。

v-html 使用的 message1 编译，但它没有出现在呈现的页面上。

Vue 不直接支持<title></title> 的前提是否正确？我已经看到了复杂的解决方法，但是是否有一种简单的 HTML-like 方法可以为简单的静态文本获取此标记？这样做的目的是为了方便访问。

实际目标是让它显示在页面的“选项卡”部分，它应该显示的位置。我可以在页面上显示它，但不能在页面的“选项卡”部分显示（在大多数浏览器上 URL 上方）。

Answer 1

如您所见here，许多浏览器为 title 标签提供了默认的 css 样式。

在Chrome中有：

title {
  display: none;
}

您应该使用其他标签或直接覆盖默认样式。