首頁  >  文章  >  web前端  >  html標籤失效怎麼辦

html標籤失效怎麼辦

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-06-09 10:46:413189瀏覽

解決方法:1、將元素的innerText賦值成元素的innerHTML;2、類似回車的換行,使用「word-break:break-all;word-wrap:break-word;white-space :pre-line;」樣式進行呈現。

html標籤失效怎麼辦

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

1)將元素的innerText 賦值成 元素的 innerHTML。即可避免轉義的問題,將字串中包含的 HTML標籤生效。

<div ref="introContent" class="intro__content">{{intro}}</div>

mounted() {
        // let text = this.$refs.introContent.innerText;
        // this.$refs.introContent.innerHTML = text;
    },

2)類似回車那種換行,用樣式呈現換行

word-break: break-all;
word-wrap: break-word;
white-space: pre-line;

#推薦學習:html影片教學

以上是html標籤失效怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn