vue常用表单双向绑定修饰符

.lazy
在输入框中,v-model 默认是同步数据,使用 .lazy 会转变为在失去焦点 或者 按下回车键时才更新

<input type="text" v-model.lazy="val">

.number
.number 修饰符可以将 输入的值转化为Number类型 ,在输入框中虽然看上入输入的是数字,但它的类型其实是String,在数字输入框中比较有用

<input type="number" v-model.number="val">

.trim 修饰符会自动过滤掉输入的首尾空格

<input type="etxt" v-model.trim="val">
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容