vue表单修饰符

1,001 阅读1分钟

修饰符

1.1 .lazy

默认情况下,在每次 input 事件触发后将输入框的值与数据进行同步。 你可以添加 lazy 修饰符,从而转为在 change 事件之后进行同步。即光标离开才更新视图。

    <input type="input" v-model.lazy="message">
    <p class="input-value">{{ message }}</p>

注意:el-input不支持v-model修饰符

1.2 .trim

动过滤用户输入的首尾空白字符

    <input type="input" v-model.trim="message">
    <p class="input-value">{{ message }}</p>

1.3 .number

将输入值转为数值类型

    <input type="input" v-model.number="message">
    <p class="input-value">{{ message }}</p>
  • 如果先输入数字,则会限制你输入的只能是数字
  • 如果先输入的不是数字,则相当于没有使用 .number