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

2020-12-08  本文已影响0人  努力与幸运

.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">
上一篇 下一篇

猜你喜欢

热点阅读