美文网首页
vue中的修饰符

vue中的修饰符

作者: nora_wang | 来源:发表于2020-05-10 13:31 被阅读0次

    1.lazy
    在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步:

    <!-- input绑定的值在change事件同步 -->
    <input v-model.lazy="msg" >
    

    2.number 将输入框v-model 对应的值转为数值类型

    <input v-model.number ="msg" >
    

    3.trim 过滤首尾空格

    <input v-model.trim="msg" >
    {{ msg | trim }}
    
    

    相关文章

      网友评论

          本文标题:vue中的修饰符

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