v-model修饰符

Posted 2022-01-19 jmwlhj

1）.lazy：取代 input 监听 change 事件。

用法：

　　v-model.lazy="message"

效果：

　　在input输入框改变数据时，v-model绑定的DOM的数据暂时不会改变，当input失去焦点时，数据改变

2）.number:输入字符串转为数字。

用法：

　　v-model.number="message"

效果：

　　在input输入框开始输入数字，之后输入非数字，数据会只显示数字，输入的非数字不会显示。但是如果先输入的是非数字，之后输入的是数字，那么此修饰符失效

3）.trim：输入时去掉首尾空格。

用法：

　　v-model.trim="message"

效果：

　　在input输入框改变数据时，如果输入的数据首尾有空格，那么此修饰符会自动去掉首尾修饰符。但是此修饰符不会去掉中间的空格！