表单输入绑定 修饰符

简介: 表单输入绑定 修饰符

.lazy

默认情况下,v-model 会在每次 input 事件后更新数据 (IME 拼字阶段的状态例外)。你可以添加 lazy 修饰符来改为在每次 change 事件后更新数据:

<!-- 在 "change" 事件后同步更新而不是 "input" -->
<input v-model.lazy="msg" />

.number

如果你想让用户输入自动转换为数字,你可以在 v-model 后添加 .number 修饰符来管理输入:

<input v-model.number="age" />

如果该值无法被 parseFloat() 处理,那么将返回原始值。

number 修饰符会在输入框有 type="number" 时自动启用。

.trim

如果你想要默认自动去除用户输入内容中两端的空格,你可以在 v-model 后添加 .trim 修饰符:

<input v-model.trim="msg" />

 

相关文章
|
前端开发 NoSQL Java
SpringBoot从入门到精通(二十)快速构建Restful Web API 服务
随着互联网化等逐渐深入,应用系统也变得越来越复杂,系统架构正在朝着微服务化,中台化的方向发展。这就需要各个系统、各个厂家之间的数据频繁交互。所以,使用 Restful 风格构建的应用接口适用于移动互联网厂商的业务场景,正在被越来越多的企业推荐使用。那么什么是 RESTful 呢?
SpringBoot从入门到精通(二十)快速构建Restful Web API 服务
|
存储 Oracle 关系型数据库
Docker-14:Docker安装Oracle11g
Docker 安装 Oracle
3341 1
Docker-14:Docker安装Oracle11g
|
索引
bisect_left,bisect_right,bisect的用法,区别以及源码分析
bisect_left,bisect_right,bisect的用法,区别和源码分析
514 0
bisect_left,bisect_right,bisect的用法,区别以及源码分析
|
数据可视化 Java Maven
Java代码工具快速生成词云图(强烈建议收藏)
“词云”一词最早是由美国西北大学新闻学副教授、新媒体专业主任里奇戈登(Rich Gordon)提出的。词云(Word Cloud),又称文字云、标签云(Tag Cloud)、关键词云(Keyword Cloud),是对文本信息中一定数量的关键词出现的频率高低情况的一种可视化展现方式,它一般是由文本数据中提取的词汇组成某些彩色图形。
600 0
Java代码工具快速生成词云图(强烈建议收藏)
|
Java Unix Linux
Linux 系统-网络I/O模型
网络 I/O操作过程中会涉及到两个系统对象,一个是用户空间I/O操作的进程或者线程,另一个是内核 空间的内核系统,比如发生 I/O read操作时,它会经历两个阶段
100 0
|
Python
Pycharm:Couldn't connect to console process.
Pycharm:Couldn't connect to console process.
415 0
Pycharm:Couldn't connect to console process.
|
存储 数据可视化 IDE
我把「链路追踪」整明白了
我把「链路追踪」整明白了
472 0
我把「链路追踪」整明白了
|
Linux Shell
Linux 限制多并发后台任务进行文件拷贝
本分简单分享了一个在 Linux 平台实现并发Shell 任务的方法,以供参考
215 0
|
搜索推荐 算法 测试技术
数据结构从入门到精通(第四篇) :排序的入门(插入排序,希尔排序,选择排序,冒泡排序)
数据结构从入门到精通(第四篇) :排序的入门(插入排序,希尔排序,选择排序,冒泡排序)
数据结构从入门到精通(第四篇) :排序的入门(插入排序,希尔排序,选择排序,冒泡排序)