28765


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

[code]

    <p>{{text | nl2br}}</p>
    
[/code]

[code]

    Vue.filter('nl2br', value => value.replace(/\n/g, '<br>'));
    
[/code]

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

[code]

    <p>{{{text | nl2br}}}</p>
    
[/code]


CC BY-SA 3.0
2016-05-28T09:31:46.880
25240
2016-09-08T09:54:49.037
2016-05-28T09:38:09.597
15676
15676
question
javascript vue.js
Vue.js カスタムフィルタでhtmlタグを含んだ文字を返したい


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

[code]

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


CC BY-SA 3.0
2016-09-08T09:54:49.037
28765
2016-09-08T09:54:49.037
17377
25240
answer