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

【问题标题】：vue js 2 -- using v-html with message datavue js 2 -- 使用带有消息数据的 v-html
【发布时间】：2022-01-08 05:55:46
【问题描述】：

我使用的是 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 的方式来获取这个标签以获得简单的静态文本，好吗？这样做的目的是为了便于访问。

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

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

为了更改网页标签中的标题（见上文），以下 URL 有一个使用 js mixins 的非常优雅的方法。这确实适用于 Vue-js 2.0，所以我推荐它：https://medium.com/@Taha_Shashtari/the-easy-way-to-change-page-title-in-vue-6caf05006863

【问题讨论】：

【解决方案1】：

如您所见here，许多浏览器都有title 标签的默认css 样式。

在 Chrome 中有：

title {
  display: none;
}

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

【讨论】：

基本上，我的目的是使用标记。这是我对可访问性任务的要求。那么，请问有没有办法覆盖默认样式？
是的，只需在您的 css 文件或 style 标记中添加规则 title {display: block}
两个 cmets，都对 Fab 有利：i) 其他标签也可以，例如，但它们不在我的要求中。 ii) 添加 {display: block} 也有效，所以我接受了答案。
注意：虽然我的 .vue 页面引用了一个定义了标题的样式表，但我无法更改该样式表，所以我将它添加到我的文件顶部（如果有人用谷歌搜索并需要这样做）：
另见这个网页：medium.com/@Taha_Shashtari/… 它有一个非常完整的混合方法来改变网页的标签，它适用于 vue。