0

Vue.jsのカスタムフィルタを作成し、改行を<br>タグに変換したいのですが、どうやるのがいいでしょうか。

<p>{{text | nl2br}}</p>
Vue.filter('nl2br', value => value.replace(/\n/g, '<br>'));

これだと "文字列<br>文字列" のように、エスケープされた文字が表示されます。
以下のように、text全てエスケープしない、というのはやりたくありません。

<p>{{{text | nl2br}}}</p>

1 件の回答 1

0

簡単にやるとすれば、filterを使わずに、そもそも改行させるようにcssを使ったほうが早いと思いますが、どうでしょうか?
これならば、タグはエスケープされないと思いますが。

<style>
p {
  white-space: pre;
}
</style>

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。