十九、v-model修饰符

本文主要是介绍十九、v-model修饰符，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

（1）.lazy：在默认情况下，v-model在每次input事件触发后将输入框的值与数据进行同步（除了输入法组合文字时）。

                    你可以添加 lazy 修饰符，从而转为在change事件之后进行同步。

<input type='text' v-model.lazy='message'>结果：{{message}}

（2）.number：如果想自动将用户的输入值转为数值类型，可以给v-model添加 number 修饰符。

<input type='number' v-model.number='age'>年龄：{{age}}

         注意：这通常很有用，因为即使在 type="number" 时，输入input元素的值也总会返回字符串类型。

                   字符串类型是无法和加号直接做运算的，会把加号当成连接符使用。通常需要把字符串类型的数字用parseInt或parseFloat转换成数字类型。

                   而 .number 修饰符会自动转换成数字类型。

（3）.trim：如果要自动过滤用户输入的首尾空白字符，可以给v-model添加 trim 修饰符。  

姓名：<input type='text' v-model.trim='name'>
<button type='button' @click='submit()'>提交</button>

这篇关于十九、v-model修饰符的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！