vue js 2 -- 使用带有消息数据的 v-html

Question

我正在使用 vue js 2，我的 SDK 是 IntelliJ：

我正在尝试将非常简单的 html 导入到 vue.js 文件中。

目的是属性，因为 Vue 似乎并不直接支持这一点。

在标记中，我有：

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

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

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

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

v-html 使用的 message1 可以编译，但它不会在呈现的页面上显示。

vue不直接支持的前提是正确的吗？ 我已经看到了复杂的解决方法，但是有没有一种简单的类似 HTML 的方式来为简单的 static 文本获取这个标签，好吗？ 这样做的目的是为了便于访问。

有一种方法可以在网页上显示它，请参阅接受的答案。 另外，请仔细阅读对此答案的所有评论。

要求澄清：根据对这个问题的评论：实际目标是让它显示在页面的“选项卡”部分，它应该显示在哪里。 我可以在页面上显示它，但不能在页面的“选项卡”部分显示[在大多数浏览器上的 URL 上方]。 在接受有关如何显示它的答案后，我做出了这一澄清。

Answer 1

正如您在此处看到的，许多浏览器都有默认的 css 样式作为title标签。

在 Chrome 中有：

title {
  display: none;
}

您应该使用另一个标签或只是覆盖默认样式。