Vue.js .trim修飾子

{{ msg1 }}

{{ msg2 }}

<div id="app">
  <input type="text" v-model="msg1">
  <pre>{{ msg1 }}</pre>
  <hr>
  <input type="text" v-model.trim="msg2">
  <pre>{{ msg2 }}</pre>
</div>

new Vue({
  el: '#app',
  data: {
    msg1: '    前後の空白を自動的に取り除かない',
    msg2: '前後の空白を自動的に取り除く'
  }
})

元記事に戻る