修饰符

313 阅读1分钟

.lazy :

v-model 默认是在input输入时同步输入框的内容,而 .lazy修饰符,可以使其失去检点或者敲回车之后在更新v-model

// .lazy: 不会立刻更新 contents 失去焦点或者敲回车之后在更新v-model 
   <input type="text" v-model.lazy="contents">
    {{contents}}

.number

将输入的字符串转为number类型

<input type="text" v-model.number="numbers">
  {{numbers}} {{typeof numbers}}

.trim

自动过滤首尾输入的空格

<input type="text" v-model.trim="trims">
{{trims}}