Vue——v-model的三种修饰符lazy、number、trim
发布日期:2021-05-12 21:18:12 浏览次数:17 分类:精选文章

本文共 505 字,大约阅读时间需要 1 分钟。

Vue——v-model的三种修饰符lazy、number、trim


v-model.lazy:值修改操作完成之后才会发生变化。

v-model.number:值修改时,保持其值为Number类型。
v-model.trim:剔除输入框内内容的空格,使其输入符合规则。

    
只要改变就会同步
敲了回车(或失去焦点)才改变

{ { message}}


只要修改了,就变成了string类型
依旧是number类型

{ { age}}--{ { typeof age}}


在控制台打印 app.name 若有空格,则会显示

您输入的名字:{ { name}}

执行结果如下:

在这里插入图片描述

上一篇:JS实现防抖与节流(使用按钮触发事件)
下一篇:Vue——v-model结合值绑定写法

发表评论

最新留言

很好
[***.229.124.182]2025年04月15日 00时18分33秒