A vue component that turns new lines into line breaks.
- Vue.js
^2.0.0
npm install --save vue-nl2br
<nl2br tag="p" :text="`myLine1\nmyLine2`" />
is rendered to
<p>myLine1<br>myLine2</p>
https://vuejs.org/v2/guide/components.html#Registration
import Vue from 'vue'
import Nl2br from 'vue-nl2br'
Vue.component('nl2br', Nl2br)
https://vuejs.org/v2/guide/components.html#Local-Registration
// MyComponent.vue
<template>
<nl2br tag="p" :text="`myLine1\nmyLine2`" />
</template>
<script>
import Nl2br from 'vue-nl2br'
export default {
name: 'my-component',
components: {
Nl2br,
},
// ...
}
</script>
tag
: HTML tag name which is passed to createElement function- Type:
String
- Required: true
- Type:
text
: Text in the tag.- Type:
String
- Required: true
- Type: