2019-11-22

修饰符

一、lazy修饰符

1.默认情况下,v-model默认是在input事件中同步输入框的数据,也就是说,一旦有数据发生改变对应的data数据就会自动发生改变。

lazy修饰符可以让数据在失去焦点或者回车时才会更新:

例如: <input type = ''text'' v-model.lazy = "data">

二、number修饰符

1、默认情况下, 在输入框中无论我们输入的是字母还是数字,使用v-model双向绑定时,都会被当做字符串处理,但如果我们希望处理的是数字类型,那么最好是直接将内容自动转化成数字类型。

number修饰符可以将输入框中输入的内容自动转换成数字类型。

例如: <input type = "text" v-model.number = "data">

三、trim修饰符

1、如果输入的内容首尾有很多空格可以使用 trim修饰符去除两边的空格

例如:   <input type = "text" v-model.trim = "data"> 

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

推荐阅读更多精彩内容