v-model修饰符

|▌冷眼眸甩不掉的悲伤 提交于 2020-02-14 12:14:20

与事件修饰符类似,v-model也有修饰符,用于控制数据同步的时机。

  • .lay
    v-model默认在input事件中同步输入框的数据,加上.lazy会变为在change事件中同步,即在失焦或按回车键时才会更新。
    在这里插入图片描述
    按回车或点击输入框外时,变为:
    在这里插入图片描述
  • .number
    使用.number修饰符可以将输入的数据类型转换为Number类型。比如,虽然输入的是数字,但其实数据类型是String,这在数字输入框时比较有用。
    在这里插入图片描述
    强制转换为Number类型。
  • .trim
    可以自动过滤输入的首尾空格。
    在这里插入图片描述
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!