我使用的是 vue js 2,我的 SDK 是 IntelliJ:
我正在嘗試將非常簡單的 html 匯入到 vue.js 檔案中。
目的是為了屬性,因為 Vue 似乎不直接支持這一點。
在標記中,我有:
div v-html="message1"></div>
在資料中,我有一個非常簡單的訊息1:
message1: '<title>My webpage -- from message1 </title>',
有趣的是,我可以使用“小胡子”語法顯示 message1,但它只顯示標題標簽。
v-html 使用的 message1 可以編譯,但它沒有顯示在頁面上。
前提是vue不直接支持對嗎?我已經看到了復雜的解決方法,但是有沒有一種簡單的類似 HTML 的方式來獲取簡單靜態文本的標簽?這樣做的目的是為了可訪問性。
有一種方法可以在網頁上顯示它,請參閱已接受的答案。另外,請仔細閱讀對此答案的所有評論。
要求澄清:對這個問題的每個評論:實際目標是讓它顯示在頁面的“標簽”部分,它應該顯示在那里。我可以在頁面上顯示它,但不能在頁面的“標簽”部分顯示[在大多數瀏覽器上的 URL 上方]。在接受有關如何顯示它的答案后,我做出了此澄清。
為了更改網頁選項卡中的標題(見上文),以下 URL 有一個使用 js mixins 的非常優雅的方法。這確實適用于 Vue-js 2.0,所以我推薦它:https : //medium.com/@Taha_Shashtari/the-easy-way-to-change-page-title-in-vue-6caf05006863
uj5u.com熱心網友回復:
正如您在此處看到的,許多瀏覽器都為title標簽設定了默認的 css 樣式。
在 Chrome 中有:
title {
display: none;
}
您應該使用另一個標簽或只是覆寫默認樣式。
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/371640.html
標籤:javascript html css Vue.js 网络可访问性
