vue 去除前后空格trim

一、使用trim修饰符

<input v-model.trim = "massage" >

二、使用filter过去属性

html:

<ul id="list">
  <input type="text" v-model="list.name">
  <p>
  {{list.name | trim}}
  </p>
</ul>　　

css:

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}　　

js:

<ul id="list">
  <input type="text" v-model="list.name">
  <p>
  {{list.name | trim}}
  </p>
</ul>