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;
}

您應該使用另一個標簽或只是覆蓋默認樣式。