html 標籤失效怎麼辦

html標籤失效的解決方法：1、將元素的innerText賦值成元素的innerHTML；2、用樣式呈現換行，程式碼如「white-space: pre-line;」。

本文操作環境：Windows7系統、HTML5&&CSS3版，DELL G3電腦

前端字串內HTML標籤無效的處理方式

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影片教學、css影片教學

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