v-html は Vue でレンダリングできません\r\n\t

Question

次のようなデータがあります:

リーリー

データを元にVue jsで表示したいと思います。

これは私の Vue js コードです:

リーリー

上記のコードを実行すると、結果は次のようになります。

ご覧のとおり、rn と t は Vue js によってレンダリングされないようです

r n と t を Vue js でレンダリングして次のように表示するにはどうすればよいですか?

Answer 1

\r、\n、および \t は有効な HTML ではありません。これらは、 他の 言語シーケンスで使用されるエスケープです (したがって、それらが HTML で動作することを期待することは、Python コードを JavaScript ファイルに貼り付けて、それが実行されることを期待することに似ています。) 必要なことを実行するには、それらを HTML に置き換える必要があります。新しい行の場合は、<br> タグを使用できますが、従来は ;) を使用して改行を処理していました。タブの場合、HTML でのインデントの処理方法については、Google で検索する必要があります。これについては、ここで簡単に説明できないことがたくさんあるためです。