HTMLタグが無効な場合の対処法

解決策: 1. 要素の innerText を要素の innerHTML に割り当てます; 2. 復帰と同様の改行には、「word-break:break-all;word-wrap:break-word」を使用します。 ;white-space" :pre-line;" レンダリングするスタイル。

このチュートリアルの動作環境: Windows 7 システム、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 中国語 Web サイトの他の関連記事を参照してください。