v-model的常用修饰符有以下几种
- lazy
- number
- trim
- debounce(在Vue2.0后被移除)
v-model.lazy 只有在input输入框发生一个blur时才触发
<input type="text" v-model.lazy="con">
<p>用户输入的内容: {{con}}</p>
v-model.trim 将用户输入的前后的空格去掉
<input type="text" v-model.trim="con">
<h2>用户输入的内容: {{con}}</h2>
v-model.number 将用户输入的类型由string型转为number
<input type="number" v-model.number="num">
<p>{{num}}: {{typeof num}}</p>