v-model的修饰符

1、lazy修饰符

当用户使用v-model之后，用户每次修改输入内容，都会将后台的数据同时绑定，为了避免这种情况的发生，使用lazy修饰符来进行限定。只有当用户的input中失去焦点或者用户点击回车按钮时，才会将后台的数据进行修改。

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

 

2、number修饰符

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

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

 

3、trim修饰符

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

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