今天学到v-model修饰符.trim，这个修饰符的作用是可以去掉用户输入的字符串的首尾的字符，我在网上查资料的时候，发现有的文章提到”.trim 自动过滤输入内容最开始 和 最后的 空格，中间的会保留一个空格，多的会被过滤掉“。 我特意在“小V”中间输入了几个空格，经过验证，发现.trim只会去掉头部和尾部的空白字符，对中间的不做处理。效果如图所示：
<p>没有修饰符的用户名:<input type="text" v-model="username"></p>
<p>trim后的用户名:<input type="text" v-model.trim="username"> </p>
<button @click="showName">获取用户名</button>
<script>
const vm = new Vue({
el: '#app',
data: {
username: '小V',
n1: 1,
n2: 2
},
methods: {
showName() {
console.log(`用户名是:"${this.username}"`) //加了双引号，可以看见空格
console.log(`用户名是:${this.username}`) //不加双引号，尾部的空格看不到
}
},
})
</script>
