美文网首页
vue.js 修饰符

vue.js 修饰符

作者: 驴不与红鲤鱼 | 来源:发表于2017-08-08 08:26 被阅读68次

1、 .lazy
在默认情况下, v-model在input事件中同步输入框的值与数据,但是,你可以添加一个修饰符lazy,从而转变为在 change 事件中同步:
<input v-model.lazy = "msg">

2、 .number
如果想自动将用户的输入值转为Number类型(如果原值的转换为NaN则返回原值),可以添加一个修饰符 number 给 v-model 来处理输入值:
<input v-model.number = "age" type = "number">

3、 .trim
如果要自动过滤用户输入的首尾空格,可以添加 trim 修饰符到 v-model 上的过滤输入:
<input v-model.trim = "msg">

相关文章

  • Vue.js 事件修饰符

    事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventD...

  • vue事件修饰符和键盘事件

    修饰符 vue.js为v-on提供了多个修饰符,方便我们处理一些DOM事件的细节,并且修饰符可以串联使用。主要的修...

  • VUE注意点

    Vue.js 为 v-on 提供了事件修饰符 .stop .prevent .capture .self .onc...

  • 前端小白学习Vue.js心得分享

    一,事件修饰符 事件修饰符有很多种类,在我们Vue.js官网跟我们列出来了很多修饰符,再加上我自己在网上搜的一些修...

  • 4. Vue 事件修饰符

    Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault...

  • vue的事件修饰符

    Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault...

  • vue.js 修饰符

    1、 .lazy在默认情况下, v-model在input事件中同步输入框的值与数据,但是,你可以添加一个修饰符l...

  • Vue.js 修饰符

    与事件的修饰符类似,v-model也有修饰符,用于控制数据同步的时机 .lazy: 这时 message 并不是实...

  • vue实现点击其他地方隐藏div

    方法一: 通过监听事件 方法二(比较好): 方法三: 总结: 通过vue.js 事件的.stop修饰符可以阻止事件...

  • Vue.js表单修饰符

    1、 .lazy 修饰符。 默认情况下,v-model在input事件中同步输入框的值与数据,通过添加修饰符...

网友评论

      本文标题:vue.js 修饰符

      本文链接:https://www.haomeiwen.com/subject/pjgzlxtx.html