VueJS newline character is not rendered correctly

Question

I got the following problem, I read data string from an API which contains new line characters \\n and I want to display them correctly in my template.

But

Answer 1

I was facing same issus i was using vue-nl2br

check it here

Install

npm install --save vue-nl2br

Usage

import Nl2br from 'vue-nl2br'

Vue.component('nl2br', Nl2br)

View

result :

myLine1
myLine2