vue-nl2br-vfor

by huigo

HTML

<script src="https://unpkg.com/vue@next/dist/vue.js"></script>

<div id="app">
  <textarea v-model="message" rows="6"></textarea>
  <p v-for="str of message.split('\n')">{{str}}</p>
</div>

CSS

p{
  margin:0;
  min-height: 1em;
}

JavaScript

new Vue({
  el: '#app',
  data: {
    message: "<strong>aaa!</strong>\n\nbbb"
  }
});