解決方法:1、將元素的innerText賦值成元素的innerHTML;2、類似回車的換行,使用「word-break:break-all;word-wrap:break-word;white-space :pre-line;」樣式進行呈現。
本教學操作環境: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中文網其他相關文章!