v-model的修饰符

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了v-model的修饰符相关的知识,希望对你有一定的参考价值。

这三个都是操作input输入框的值
lazy修饰符(失去焦点或者回车时才同步数据)
v-model默认是在input事件中同步输入框的数据的,也就是说,一旦有数据发生改变,对应的data中的数据就会自动发生改变,lazy修饰符可以让数据失去焦点或者回车时才会更新

number修饰符(input值统一处理为数字)
在输入框中,无论我们输入的是数字还是字母,都会被当做字符串类型进行处理,
但是如果我们希望处理的是数字类型,那么最好直接将内容当做数字处理

trim修饰符(去除input值两边空格)
如果输入的内容首尾有很多空格,通常我们希望将其去除,trim修饰符可以过滤内容左右两边的空格

以上是关于v-model的修饰符的主要内容,如果未能解决你的问题,请参考以下文章

Vue学习-v-model修饰符lazy number trim

v-model的修饰符

自定义 v-model 之修饰符

Vue 教程(十四)v-model 修饰符

Vue.js学习笔记 - 修饰符

v-model的修饰符和使用