【vue】v-model的修饰符

说明:
为了减少一些不必要的麻烦或者校验,再次记录一些v-model的修饰符使用
1、lazy修饰符
用户使用v-model之后,用户每次修改输入内容,都会将后台的数据同时绑定,为了避免这种情况的发生,使用lazy修饰符来进行限定。只有当用户的input中失去焦点或者用户点击回车按钮时,才会将后台的数据进行修改。


  
  

用户输入的内容: {{message}}

2、number修饰符

当用户在input中输入数字时,浏览器会默认将输入的数字转化为string类型,使用number修饰符来将输入的数字转为number类型


  
  

{{num}}: {{typeof num}}

3.trim修饰符
用户可能输入的字符串中含有空格,这样系统在处理时可能会出现错误。使用trim修饰符来去掉字符串首部或者尾部的所有空格


  
  

用户输入的内容: {{name}}

你可能感兴趣的:(vue,vue.js,javascript,前端)